How to bring more traffic to your websites or blogs? Here is a sipmle way which is a great way not only increase your traffic but also increae your sites links.That is social bookmarking.If you use cms or wordpress, it’s easy to add the social bookmarking icons to them, but it is not that easy for blogger.com(blogspot),and today, I’ll teach you how to add social bookmarking links to blogger (blogspot).To edit the template, Sign into your blogger.com account and goto Template -> Edit HTML and then select Expand Widget Templates.
Step 1
Search for , just after <data:post.body/><div style="clear: both;"> <!-- clear for photos floats --> insert the following code.
<!– Start of social bookmarks –>
<div class=’service-links’>
<div class=’service-label’>Bookmark this post with: </div>
<ul class=’links’>
<li class=’service_links_digg’>
<a class=’service_links_digg’ expr:href='”http://digg.com/submit?phase=2&amp;amp;url=” + data:post.url + “&amp;amp;title=” + data:post.title’ rel=’nofollow’ title=’Digg this post on digg.com.’>
<img alt=’Digg’ src=’http://mohanjith.net/images/service_links/digg.png’/>
</a>
</li>
<li class=’service_links_stumbleupon’>
<a class=’service_links_stumbleupon’ expr:href='”http://www.stumbleupon.com/submit?url=” + data:post.url + “&amp;amp;title=” + data:post.title’ rel=’nofollow’ title=’Bookmark this post on StumbleUpon.’>
<img alt=’StumbleUpon’ src=’http://mohanjith.net/images/service_links/stumbleupon.png’/>
</a>
</li>
<li class=’service_links_delicious’>
<a class=’service_links_delicious’ expr:href='”http://del.icio.us/post?url=” + data:post.url + “&amp;amp;title=” + data:post.title’ rel=’nofollow’ title=’Bookmark this post on del.icio.us.’>
<img alt=’Delicious’ src=’http://mohanjith.net/images/service_links/delicious.png’/>
</a>
</li>
<li class=’service_links_reddit’>
<a class=’service_links_reddit’ expr:href='”http://reddit.com/submit?url=” + data:post.url + “&amp;amp;title=” + data:post.title’ rel=’nofollow’ title=’Submit this post on reddit.com.’>
<img alt=’Reddit’ src=’http://mohanjith.net/images/service_links/reddit.png’/>
</a>
</li>
<li class=’service_links_newsvine’>
<a class=’service_links_newsvine’ expr:href='”http://www.newsvine.com/_tools/seed&amp;amp;save?u=” + data:post.url + “&amp;amp;h=” + data:post.title’ rel=’nofollow’ title=’Submit this post on newsvine.com.’>
<img alt=’Newsvine’ src=’http://mohanjith.net/images/service_links/newsvine.png’/>
</a>
</li>
<li class=’service_links_facebook’>
<a class=’service_links_facebook’ expr:href='”http://www.facebook.com/sharer.php?u=” + data:post.url + “&amp;amp;t=” + data:post.title’ rel=’nofollow’ title=’Share on Facebook.’>
<img alt=’Facebook’ src=’http://mohanjith.net/images/service_links/facebook.png’/>
</a>
</li>
<li class=’service_links_google’>
<a class=’service_links_google’ expr:href='”http://www.google.com/bookmarks/mark?op=add&amp;amp;bkmk=” + data:post.url + “&amp;amp;title=” + data:post.title’ rel=’nofollow’ title=’Bookmark this post on Google.’>
<img alt=’Google’ src=’http://mohanjith.net/images/service_links/google.png’/>
</a>
</li>
<li class=’service_links_yahoo’>
<a class=’service_links_yahoo’ expr:href='”http://myweb2.search.yahoo.com/myresults/bookmarklet?u=” + data:post.url + “&amp;amp;t=” + data:post.title’ rel=’nofollow’ title=’Bookmark this post on Yahoo.’>
<img alt=’Yahoo’ src=’http://mohanjith.net/images/service_links/yahoo.png’/>
</a>
</li>
<li class=’last service_links_technorati’>
<a class=’service_links_technorati’ expr:href='”http://technorati.com/cosmos/search.html?url=”+data:post.url’ rel=’nofollow’ title=’Search Technorati for links to this post.’>
<img alt=’Technorati’ src=’http://mohanjith.net/images/service_links/technorati.png’/>
</a>
</li>
</ul>
</div>
<!– End of social bookmarks –>
Step 2
Add the following code before ]]></b:skin>.
/** Service links style **/
.service-links {
padding-top: 3px;
}
.service-links ul.links {
margin:0pt; padding:0pt;
}
.service-links ul.links li {
display:inline;
list-style-type:none;
padding: 0pt 0px;
background: none;
}
.service-links ul.links li img {
border: none;
padding: 3px;
}
Then save the template. Adding social bookmarking links and submitting your posts to social bookmarking networks would improve the visibility of your blog and help drive traffic to your blog.
Demo site : Free tattoo designs