Sunday, 25 December 2011

// // Leave a Comment

Facebook button like social bookmarking widget

MBC Facebook Bookmarking Widget
MBC is give you an new 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.



Adding Facebook like Social sharing buttons




  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