How To Add A Reddit Button To Your WordPress Website?

add a reddit button

Reddit is a social media website which helps the people to know about the latest trends. It provides the ratings to many products and the content.

Website owners add its button to their website to get their content shared. Do you know how to add a Reddit button to your website?

The best thing about Reddit is that there are many buttons from which, you can choose any. In this tutorial, you will learn about the method to display the button to your WordPress website.

Select And Generate The Code To Add A Reddit Button To Your Website.

Just like Facebook share button, Twitter follow button, LinkedIn button, StumbleUpon button, you can add a Reddit button.

The procedure is the same. You just have to pick up the code from the Reddit and add it to your website. Let me walk you through it.

Step 1:- Go to the Reddit buttons page where the list of the buttons will be showing.

Step 2:- Select any of the buttons from the list. Whenever you click on “view code” for any button, you will see a code below it.

Step 3:- Generate the code for the button you want and copy and paste it to your website. To enhance its working and the design, you should know some customization features.

Let me show you an example.

<a href=”//www.reddit.com/submit” onclick=”window.location = ‘//www.reddit.com/submit?url=’ + encodeURIComponent(window.location); return false”> <img src=”//www.redditstatic.com/spreddit7.gif” alt=”submit to reddit” border=”0″ /> </a>

This is the code for a simple Reddit button which would work perfectly if you login and then share the content.

Step 4:- Just copy and paste the code to your website. If you want to get your posts shared then use it below the post loop.

There are many other buttons which consist the scripts to show the number of votes for the article you share on Reddit.

How To Customize The Reddit Button?

Reddit gives its users the freedom to style the button according to them. You just have to use the style attribute to disable the default style.

styled=off

And if you want to modify the URL then an option is there.

url=[URL]

The above code doesn’t consist a code which can take the users to a new window while sharing the content. You can do that. Just add.

newwindow=1

Advanced Settings To Add A Reddit Button.

Let me show you the code which consists the script.

<script type=”text/javascript” src=”//www.reddit.com/buttonlite.js?i=5″></script>

You can modify this code with some useful attributes.

If you want to share your content is a specific community of the Reddit then you can add it permanently in the code.

reddit_target='[COMMUNITY]’

Let me show you the add after adding it.

<script type=”text/javascript” src=”//www.reddit.com/buttonlite.js?i=5″>reddit_target='[COMMUNITY]'</script>

NOTE:- For the advanced settings, everything you add should be in  between the starting and ending tags of the script.

Change the background color of the button.

reddit_bgcolor='[COLOR]’

Change the border color.

reddit_bordercolor='[COLOR]’

There are a few more options like specifying the URL etc. You can do that with the design of the Reddit button.

Isn’t That Interesting to add a Reddit Button to your Website?

Reddit is quite different from all other social networking websites. You can drive traffic to your blog in a large amount. It’s like a news hub for many people.

Millions of the people use it to get something new. You just have to add a Reddit button to your website and enhance the engagement of the people.

by Ravi Chahar

A WordPress Professional, web developer and designer who intends to guide his readers about WordPress, Blogging, Web Development, Web Design and more. I have expertise in WordPress theme development and customization. I can set up and redesign the Thesis themes. I have been working in this field for years now.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge