• Latest News

    Saturday, July 16, 2011

    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..
    • Blogger Comments
    • Facebook Comments

    0 comments:

    Post a Comment

    Item Reviewed: Add FaceBook Like Button on all blogger blog posts Rating: 5 Reviewed By: That Stupid Tester
    Scroll to Top