In this tutorial you’ll learn how to add it to your blogger blog.
and you’ll learn how to customize
- change the verb, like or recommend.
- change it’s color.
- change it’s font.
Step 1. adding it to your template.
The button code,<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
where to add it ?
Log into your blogger account, then go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.
And find the next Code
<div class='post-header-line-1'/>
And after it, paste your button code
What, If you didn’t find the code above in your template, The try to find the following,
<data:post.body/>
And paste the button code Before it.
click Save Template and you are done.
Step 2. Customize your button & Demo.
in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize, in the above code change the following parts,
- like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.
- arial this part controls the font type, keep it or change it to one of the following, lucida+grande
segoe+ui
tahoma
trebuchet+ms
verdana - light this part controls your button color theme, and you have three options, light, evil, or dark
- Update, How to make it appear on your home page.
<b:if cond='data:blog.pageType == "item"'>
</b:if>
I wish you all like it and please leave your comments if you need any help,
awesome!!!!!!!!!!
ReplyDeleteDo you have an alternative to the above code. I can't use scripts or iframes on my site.
ReplyDeleteEven I have tried some alternative to get rid of the Iframes and javascript for the Facebook Like button.
Do visit my related post: http://infoinquisitv.multiply.com/journal/item/31/Adding_Facebook_Like_button
Regards,
Samprada Nagasubramanian
http://infoinquisitv.multiply.com
Do poll for the best alternative to html iframes at:
http://infoinquisitv.multiply.com/journal/item/35/POLL_Alternative_to_html_frames
If you are a non-multiply user, do add your comments to my guestbook at: http://infoinquisitv.multiply.com/
Comments are subject to approval.
i cannot paste the code. i dont understanddddd
ReplyDeleteAwesome. Thanks for the information!
ReplyDeleteI got it to work.
used your code and instructions, and it is working real goof thank you so much.
ReplyDeleteI have a friend who has this at the top of her blog instead of at the top of each post. How do I do that?
ReplyDeletei don't understand
ReplyDeleteI was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
ReplyDeletebuying facebook likes