Like us on facebook to get more free pro tricks daily...!

Liked us?

Monday, 12 December 2011

Pin It

Add FaceBook Like Button on all blogger blog posts




  adding facebook like buton and send button is the trend that already got a place on all bloggers mind
so most of them experiancing dificulty to customize a like button and its customisation any way i can give you a few tips
just take look on how to add a like button all blog posts wich appears only inside the posts not in the home pages
below is the code 
Step 1. copy the code

<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>

Step  2: go to design by
Log into your blogger account, then go to Layout >> Edit Html.
Before doing anything you must check Expand Widget Templates box.
And find the next Code

<div class='post-header-line-1'/>  or  <data:post.body/>

  We can customize it through recommended ways by change the verb, like or recommend.and changing the fonts to suitable one in our blog posts wich may catch the users eye any way.
. ·  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
just change the line in the above code amp;font=arial&( eg: amp;font= lucida+grande &)
that way you can coustomize the width and transperiancy and all..


Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Reddit Facebook Twitter
Do you Like this Article..?

Get Subscribe to Free Email Updates!!

*Your email address will not be shared with anyone.



Link To This Page:


Link To Home Page:

0 Responses to Add FaceBook Like Button on all blogger blog posts

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder.
2. If you are including a link, Please include it using html tags. However irrelevant links are not tolerated.
3. Please do not spam, Spam comments will be deleted immediately after our review.

Regards,
Rupesh.

 

Total Pageviews

Translate

7TeraByte © 2012. All Rights Reserved | DMCA Protected | Back To Top