ADD FACEBOOK LIKE BUTTON AND CUSTOMIZE IT
(FOR BLOGGERS)
(FOR BLOGGERS)
face book surprised us by launching a lot of social plugins, one of them, actually
the most popular one yet is the famous like button,
In this tutorial you’ll learn how to add it to your blogger blog.
and you’ll learn how to customize
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 +
quot;&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>
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.
No comments:
Post a Comment