Monday, 29 October 2012

How To Add Facebook Like Button To Blogger Posts?

As we all undergo facebook is one of the maximal multiethnic media company in the language.If your blog bang any fan tender then it gift supply you a lot in raising traffic on your journal.We already mutual all types of Animated Flying Objects Like Flying Twitter Bird For Blogger and here also we are gift all types of facebook equivalent buttons.i.e. unsloped numerate,flat matter and without guess.You can add this switch conscionable beneath of of post tile and beneath of the call.Retributive persist my manual carefully....

 Observe - This switch instrument not equivalent your fan writer it gift equal and deal your move

How To Add Facebook Like Button To Blogger Posts?

    1. Go to Blogger Dashboard > Design > Edit HTML
    2. First take a backup of your template
    3. Tick the expand widget check box
    4. Find for below code in your template
    <data:post.body/>

    If you wish to add like button just below of post title the add the below code just before of <data:post.body/>

    and if you wish to add this like button just below of your post then add below code just below of <data:post.body/>


    You can add like button in three styles :

    • Vertical Count
    • Horizontal Count
    • Without Count

    1. Vertical Count

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

    2. Horizontal Count

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

    3. Without Count

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

    •  Now visit your blog
    • Enjoy

    No comments:

    Post a Comment