ChLo3 B4byx BloG: Add Facebook Like Button On Ur Post

Chlo3b4byX Playlist

♥Hi All...Welcome To Chlo3b4byx Blog! Hope You All Enjoy Reading My Blog! Don't forget to follow me yah!♥

Popular Posts

Add Facebook Like Button On Ur Post

Wanna add FACEBOOK like button on ur blog post?
In this entry, i will teach u how to add Facebook like button to ur blog post...


What is FACEBOOK LIKE BUTTON ON BLOG POST?


See the picture below..



(U may click on it if it is not clear)

Now, follow the steps below:

1. Log in > Dashboard > Design >Edit HTML

2. Don't forget to tick Expand Widgets Templates.
(If u duno how to tick Expand Widgets Templates, click HERE!)

3. Press Ctrl+F and it will appear a searchbox on the top of right..
(If u duno how to use Ctrl+F, click HERE!)

4. Paste the below code on the search bar







<div class='post-header-line-1'/>



If u can't find the code,
Try to find this






<data:post.body/>




5.If you already found the code, copy and paste the below code below on the code that you found..






<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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;'/>
</b:if>



In the above code you can customize 3 parts...
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.

6. Press preview and check it either it is work or not...

7. Press SAVE TEMPLATE to save it...

NOW U HAVE YOUR FACEBOOK LIKE BUTTON ON YOUR BLOG!
DO U LIKE IT?

GUD LUCK TO TRY IT!

No comments:

♥Thank You For Reading..Do Leave Some Comments And Don't Forget To Follow My Blog Yah!♥


♥Press The 1st Strawberry To Know More About Me...Press The 2nd Strawberry To Go To The Blog Tutorials...Or Press The 3rd Strawberry To Go To The Daily Tutorials..♥

© ChLo3 B4byx BloG. Template by d4usx. Powered by Blogger.