21:19
Facebook Button Like
How To Add Facebook Button Like Social Bookmarking Widget., Social Facebook button design media set.  Now all are known one thing that Facebook social network has getting many high popularity in day by day. Now start learning that how to add facebbok button design social buttons like twiter, Digg or any social media. Lets start learning.
  1. First login to your blogger dashboard.
  2. Go to Blogger design-Edit HTML
  3. Download or backup your template.
  4. Search for this by using (Ctrl + F)
data:post.body

Now paste the following code just above it.


        <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <table border='0'>
    <tr>

    <td>

    <!--Stumbleupon-->
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src=' Button Link'/></a>
    </td>

    <td>
    <!-- Twitter -->
    <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='Button Link '/></a>
    </td>

    <td>
    <!--DIGG-->
    <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='Button Link '/></a>
    </td>

    <td>

    <!--Email a Friend-->
    <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                  <img alt='' src='Button Link'/>
              </a>

    </td>

    <td>
    <!--Facebook-->
    <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; margin-top:16px; height:40px;'/>
    </td>
    </tr>
    </table></b:if>

Replace all red links with your social username.

Save your template.

Visit your blog and enjoy with new icons.

0 comments:

Post a Comment