Wednesday, June 11, 2008

Increase Blog's Traffic, by Social Bookmarking

Previously, there is an article about Increase Blog's Traffic by Technorati (a social bookmarking URL). In fact, there are many social bookmarking website available our there, such as Digg, Del.icio.us, StumbleUpon, Reddit, Blinklist, etc, & all all of them have only 1 purposes, to deliver articles to the world.

So, to let readers easily bookmark an article, blogger can intergrate social bookmark links in his/her blog. To do that, follow the below:

1) This will share about placing Social Bookmarking Icon Links (like the snapshot shown at above) into Blog. First, Copy & Paste below HTML Code.

<!-- Start of social bookmarks. Check http://dotherightthinghere.blogspot.com/ for updates --><br/>

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' src='http://i9.photobucket.com/albums/a65/jamchoo/digg_trans_ani.gif'/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src='http://i9.photobucket.com/albums/a65/jamchoo/technorati_trans_ani.gif'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' src='http://i9.photobucket.com/albums/a65/jamchoo/del_trans_ani.gif'/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src='http://i9.photobucket.com/albums/a65/jamchoo/stumbleupon_trans_ani.gif'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Reddit' src='http://i9.photobucket.com/albums/a65/jamchoo/reddit_trans_ani.gif'/></a>

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title' target='_blank'><img alt='Blinklist' src='http://i9.photobucket.com/albums/a65/jamchoo/blinklist_trans_ani.gif'/></a>

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank'><img alt='Furl' src='http://i9.photobucket.com/albums/a65/jamchoo/furl_trans_ani.gif'/></a>

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Spurl' src='http://i9.photobucket.com/albums/a65/jamchoo/spurl_trans_ani.gif'/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url' target='_blank'><img alt='Yahoo' src='http://i9.photobucket.com/albums/a65/jamchoo/yahoo_trans_ani.gif'/></a>

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Simpy' src='http://i9.photobucket.com/albums/a65/jamchoo/simpy_trans_ani.gif'/></a><br/>

<!-- End of social bookmarks -->

2) Where to place the Social Bookmarking Icon Links? Login blogger, then Go to Template > Edit HTML > check the box “Expand Widget Templates”.

2.1) To place the bookmark links below "Posts" & before the “Posted By” line, scroll to these lines & place the relevant code at the red portion:-

<div class='post-body'><p><data:post.body/></p><div style='clear: both;'/><!-- clear for photos floats --></div>PLACE THE CODE HERE<div class='post-footer'><p class='post-footer-line post-footer-line-1'>

2.2) To place the bookmark links at the bottom after the labels, scroll to these lines & place the code at the red portion:-

<p class='post-footer-line post-footer-line-2'><span class='post-labels'><b:if cond='data:post.labels'><data:postLabelsLabel/><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a>,</b:if></b:loop></b:if></span></p>PLACE THE CODE HERE

Done!

No comments: