September 13, 2010

Big Social Bookmark on Blogger

You will have a bookmark bar with big and large icons. By placing this big social bookmarking on your site, visitors can easily found and submit your articles. it is an beautiful and big social bookmarking.

Access to the Blogger Dashboard > Layout > Edit HTML
- Click the check box Expand Widget Templates
Find this code:
<data:post.body/>
Copy and paste the code below after <data:post.body/>
<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSmUeCjGI/AAAAAAAADpY/PwTpE9ERS0U/stumble_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Delicious' src='http://lh3.ggpht.com/_7Y9pl24WpQY/S9xSe2evJhI/AAAAAAAADpI/u2d3FXmIcCQ/delicious_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Technorati' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSo_MlhMI/AAAAAAAADpg/iFnP2vmL_D4/technorati_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Twitter' src='http://lh4.ggpht.com/_7Y9pl24WpQY/S9xSb_SokmI/AAAAAAAADpA/7BuK9F8-_NY/twitter_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' src='http://lh5.ggpht.com/_7Y9pl24WpQY/S9xSi2qVdTI/AAAAAAAADpQ/mZXQ8JqJlnI/facebook_thumb%5B1%5D.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'> <a expr:href='&quot;http://www.reddit.com/submit?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://lh6.ggpht.com/_7Y9pl24WpQY/S9xStOwxCcI/AAAAAAAADpo/2U6vbGMS6GM/Reddit-icon_thumb%5B16%5D.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Save Your Template. And it is done

Next previous home
Related Posts with Thumbnails