Reddit is a social bookmarking website and
you can use reddit share button to add your post as bookmark at reddit.com
directly from your website. Your user also votes the post with click on up and
down button of reddit to gain first page position on front page in reddit. Your
user also can comment on the your posted link and reply to other comment that
are posted by other users.
Your user can be bookmarked interesting
post form your blog with the help of reddit button. You will also get backlink
and traffic for your post from reddit.com. We give you three different type of
reddit button for your website. Please see below picture for demo and choose
your style for add reddit button on your website.
Add Reddit Button For Blogger
Please follow below step to add
Reddit button on your website:
Step 1
Log in into Blogger Dashboard.
Step 2
Go to Template and click on Edit
HTML button as shown in below picture.
Step 3
Find below code With the help of
CTRL+F:
<data:post.body/>
Step 4
Copy and Paste your style code
before it:
Style 1
<div
style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=1"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=1"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Tips: Change your
float Right or Left as your requirement
with change of Right in the code.
Style 2
<div
style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=2"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=2"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Tips: Change your
float Right or Left as your requirement
with change of Right in the code.
Style 3
<div
style="float:right;padding:4px;">
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=3"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language="javascript" src="http://reddit.com/button.js?t=3"></script>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Tips: Change
your float Right or Left as your requirement with change of Right in
the code.
Step 5
Click on Save Template Button.
No comments
Post a Comment