+- Twitist Forums (http://twitist.com)
+-- Forum: Facebook forums (/forum-14.html)
+--- Forum: Facebook Marketing (/forum-12.html)
+--- Thread: How to add a 'Like' button to my Blogger blog? (/thread-50183.html)
How to add a 'Like' button to my Blogger blog? - A - 12-11-2012 04:28 AM
How do I do this and make it direct to my Facebook fan page as well? Thank you.
- Shuau - 12-11-2012 04:36 AM
Hi Aly !
#1 Go to Dashboard > Design > Edit HTML.
#2 Back up your template.
#3 Tick the Expand Widget Templates check box on top right of the HTML window.
#4 Find the following code in your HTML, this is the code for your post content:
<data:post.body/>
#5 Paste the Facebook button code immediately below (after) it:
<!-- Facebook Like button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</div>
</b:if>
<!-- Facebook Like button End -->
#6 Configure button
Choose the type of button by changing the value of query parameters in line 4.
#7 Button repositioning
The steps above positioned the button on bottom left of each post. You can change the position if you wish:
* Position it on top of post
Place the button code before <data:post.body/>, instead of after.
* Position it on the right
Change the float in line 3 from left to right.
* To also display the button in static pages, remove the conditional tag -code line 1 and 6.
#8 Preview, you should see the button appear in each post.
#9 Click Save if you like what you see.
#10 Enjoy!
Hope this helps
- Mr. Caveman - 12-11-2012 04:36 AM
How to add Social Networking Buttons Below Every Post: http://bloggerstop.net/2008/12/how-to-add-social-networking-buttons-to.html
Like Button: http://developers.facebook.com/docs/reference/plugins/like
FaceBook Social plugins: http://developers.facebook.com/plugins/
'AddThis' Social Bookmarking Service: http://www.addthis.com/bookmark.php
Ron