Thursday, August 26, 2010

Add Facebook like button in Blogger

Actually I learn it from other tutorial, as friend request, I try to my own tutorial.

It's easy if you follow step by step.

Let's try!



1.Login blogger with your ID and password.





2. Select "Design".

3. Then "Edit HTML".

4. Select "Download Full template", it's to just in case you spoil your template careless, you still have one to backup.
* Template = computer code that make your website's design, theme, layout.


5. Tick "Expand Widget Templates"

6. Press "Ctrl" and "F" to toggle find function in your browser, then find for



7. The code searched will be highlighted. Now find

As the small red rectangle shown.

8. Below the paste this
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

If you blog background is light colour, colorscheme use light, else replace it with dark.
You can also replace "like" word to another word with replace the green "like" in the code.

Reference: http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

No comments:

Post a Comment