How To Add Facebook Like and Twitter Follow Button To Blogger
- Go to Blogger Dashboard
- Click on DropDown Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML --> Proceed --> Expand Widget Templates
- Press Ctrl + F and search the code shown below
<data:post.body/>
OR
<div class='post-footer-line post-footer-line-1'>
- Now Paste the Code shown below just before/above it
<div style="margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; ">
<div style="float:left; width:272px; border-right:1px solid #ddd;">
<iframe allowtransparency="true" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flatesthacking&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62" style="border:none; overflow:hidden; width:292px; height:62px;" frameborder="0" scrolling="no"></iframe>
</div>
<div style="margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;">
<iframe title="Twitter Follow Button" style="width: 266px; height: 32px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_&id=twitter-widget-0&lang=en&screen_name=latesthack&show_count=true&show_screen_name=true&size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div>
<div style="float:left; width:272px; border-right:1px solid #ddd;">
<iframe allowtransparency="true" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flatesthacking&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62" style="border:none; overflow:hidden; width:292px; height:62px;" frameborder="0" scrolling="no"></iframe>
</div>
<div style="margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;">
<iframe title="Twitter Follow Button" style="width: 266px; height: 32px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_&id=twitter-widget-0&lang=en&screen_name=latesthack&show_count=true&show_screen_name=true&size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div>
- Replace latesthacking with your facebook username and latesthack with your twitter username
Facebook Like and Twitter Follow Button Demo
Like it? Share it.
13 comments
Can you give me a picture
http://ahm-7.blogspot.com/
@ahm Which picture
hey bro
What you've explained how to make comment box like you ?
if already please give me a link :)
thankssssssssssssss :)
Please Help me
How Can Increase website traffic
@Randhy Karnefa these three links will help you... http://www.latesthack.com/2012/02/how-to-customize-blogger-comment-form.html
http://www.latesthack.com/2012/02/how-to-put-wordpress-like-comments-in.html
http://www.latesthack.com/2012/07/add-expandcollapse-blogger-comment-box.html
@Gurmeet singh you can increase traffic by several ways...
1) Social Media Marketing,
2) Commenting on the Same Niche of your site,
3) Joining some Third party Sites
4) Put your Website name as a signature in Forums,
5) Conducting Giveaways,
6) Conducting some competitions among your existing readers.
there are so many other ways, like inviting your friends, signature in email and so many. everything needs patience...
@Em Ji Madhu im lost :'( not work
you can help me please
@Em Ji Madhu im loseee about that..... not work :'( you can help me......!!!? please :'(
im loseee about that .... :'(
you can help me... !!!!?? pleaseeeeee:'(
@Em Ji Madhu im losee about that :'(
you can help me.....
please :'(
This Blogger Hacks is really nice and helpful. thanks for sharing…
Visit: mybloggertopic
I was eager to add this to my blog , Thanks :)
I like it. But this twitter button is big. i want small one. how to do that. help plz
Click to Add a New Comment