TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Let's review a topic about how to add social bookmark buttons on your blog. Have you ever seen social bookmark buttons ? Like this... nopict

How to Add Social Bookmark Buttons in Blogger

Let's review a topic about how to add social bookmark buttons on your blog.

Have you ever seen social bookmark buttons ?

Like this below :

How to do ?

1. Go to Dashboard, click Layout, click Edit HTML

2. Click Expand Widget Templates

3. Find code of HTML below :

<data:post.body/>

You can use (Ctrl+F) to find easily

4. Remove <data:post.body/> with code of HTML below :

<!--Social-Bookmark-Buttons-BEGIN-->
<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post_social_bookmark'>
<span style='color:#888888;font-weight:bold;font-size:1.3em'>FEEL FREE TO SHARE THIS TO EVERYONE:</span>

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/s1600/digg.png' width='48'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitItySOI/AAAAAAAAAhs/RQQh6Du9HrA/s1600/google.png' width='48'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitlmYSuI/AAAAAAAAAh8/mTtVHQxL_mE/s1600/reddit.png' width='48'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQitawG7PI/AAAAAAAAAh0/vF4HOlj8JH8/s1600/mixx.png' width='48'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQit6IUS5I/AAAAAAAAAiE/gfbBSYnbjnU/s1600/stumbleupon.png' width='48'/></a>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiuP6h64I/AAAAAAAAAiM/x_aGzBKYCgc/s1600/technorati.png' width='48'/></a>

<a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQi2FtKY5I/AAAAAAAAAiU/ByTK_Wci_Uo/s1600/yahoo.png' width='48'/></a>

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOmnjWDI/AAAAAAAAAhU/nMIbaOaCDic/s1600/designfloat.png' width='48'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOHLlI8I/AAAAAAAAAhM/6JP39Dh6sF8/s1600/delicious.png' width='48'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiN859bNI/AAAAAAAAAhE/E_Uh6XTQmpo/s1600/blinklist.png' width='48'/></a>

<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiPG9Y6xI/AAAAAAAAAhk/YzmjQUPdnrg/s1600/furl.png' width='48'/></a>
<script src='http://www.buzrr.com/button.js'/>
<script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></b:if>
<!--Social-Bookmark-Buttons-END-http://tutorialwebforblogger.blogspot.com-->

NOTES :
you can change word-phrase FEEL FREE TO SHARE THIS TO EVERYONE: into other word phrase you like.

5. Click save template and done.

Now you've already added social bookmark buttons on your blog.

There are no comments yet for 'How to Add Social Bookmark Buttons in Blogger'