Shield shape Social bookmarking gadget

By
Sajith Dissanayake
– October 22, 2011Posted in: social bookmarkings
Facebook
Social bookmarking is one of the most popular methods in traffic building and making backlinks to a blog/website. Most webmasters used to bookmark their post in bookmarking sites with a higher page rank. At the same time it is a good method to share the interest of a person with others. Facebook, Digg, twitter, Reddit and stumble upon are acting as leading social bookmarking sites in current context.

Sine social bookmarking is a good way to share a post/article with outers, webmasters used to add a social bookmarking gadget to their blogs and websites. But some still don’t know how to add this awesome bookmarking gadget to their blog or web site. So I decided to show the way to add this gadget to your blog through a step by step guide.

Here is a screenshot of the gadget you are going to add your blog;



Let me explain the process;

1.    First go to your blogger DASHBOARD >> DESIGH >> EDIT HTML

2.    Now add a tick on the check box which says EXPAND WIDGET TEMPLATE

3.    Then press CTRL + F on your keyboard and search for following code

<data:post.body/>

4.    Now copy thefollowing code and paste it just below the code you searched in step 3.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<!–Start Sharing Is Awesome Bookmark http://www.techblaster.net–>

<a href=’http://www.techblaster.net’><img alt=’Blogger Tips and Tricks’ src=’https://lh3.googleusercontent.com/-1-sD0XLhhUI/TqKtUuvu9NI/AAAAAAAAAlw/69NSh01byk4/h80/social%2Bbookmarks%2Btechblaster.net.png’/></a><style>

img{border:transparent;}

#wrapper{width:488px; height:110px; background-image:url(http://3.bp.blogspot.com/-F0mPc-jSv4E/TqKsqmKSOlI/AAAAAAAAAlo/QLv8NE9C2-0/s1600/Sharing+is+awesome+techblaster.png); position:relative; background-repeat:no-repeat; background-color:transparent;}

#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}

#wrapper li{float:left;}

</style>


<div id=’wrapper’>

<ul>

<li>

<!– Facebook –>


<a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Share On Facebook’ height=” src=’http://3.bp.blogspot.com/-IltZLass9fY/TqKpuMk9VfI/AAAAAAAAAlA/XcM-gQNFDt8/s1600/techblaster+shield+social+bookmark+FACEBOOK.png’ width=”/></a>

</li>

<li>

<!– Digg –>


<a expr:href=’&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Digg This Post’ height=” src=’http://3.bp.blogspot.com/-d6na2PMcKk4/TqKptoMcP-I/AAAAAAAAAk4/4PkAYmUKu0o/s1600/techblaster+shield+social+bookmark+DIGG.png’ width=”/></a>

</li>

<li>


<!– Stumbleupon –>


<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 This Post’ height=” src=’http://3.bp.blogspot.com/-RuULaXjU08k/TqKpvFi5AiI/AAAAAAAAAlQ/qysG6gEcxi8/s1600/techblaster+shield+social+bookmark+STUMBLEUPON.png’ width=”/></a>

</li>


<li>

<!– Twitthis –>


<a expr:href=’&quot;http://twitter.com/?status=&quot; + data:post.url’ rel=’nofollow’ target=’_blank’><img alt=’Tweet This Post’ height=” src=’http://3.bp.blogspot.com/-nQfNVgSz4-0/TqKpwR05ceI/AAAAAAAAAlg/aY5GHmdZTT8/s1600/techblaster+shield+social+bookmark+TWITTER.png’ width=”/></a>

</li>


<li>

<!– Delicious –>


<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=’Save Tis Post To Delicious’ height=” src=’http://4.bp.blogspot.com/-sHNMpXkAMF4/TqKpsSg_P2I/AAAAAAAAAko/sePiP0OpbUc/s1600/techblaster+shield+social+bookmark+1.png’ width=”/></a>

</li><li>


<!– Design Float –>


<a expr:href=’&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Float This Post’ height=” src=’http://2.bp.blogspot.com/-I1_If343xcE/TqKptBYwnFI/AAAAAAAAAkw/n3mKSbsDYuI/s1600/techblaster+shield+social+bookmark+DESIGNFLOAT.png’ width=”/></a>

</li><li>

<!– Reddit –>


<a expr:href=’&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Share On Reddit’ height=” src=’http://4.bp.blogspot.com/-4c_hwbya6ws/TqKpurSaGHI/AAAAAAAAAlI/SQ_MvHVy3cI/s1600/techblaster+shield+social+bookmark+REDDIT.png’ width=”/></a>

</li><li>

<!– Technorati –>


<a expr:href=’&quot;http://technorati.com/faves?add=&quot; + data:post.url’ rel=’nofollow’ target=’_blank’><img alt=’Bookmark On Technorati’ height=” src=’http://1.bp.blogspot.com/-qlu78A6NEe4/TqKpv7HlZvI/AAAAAAAAAlU/1Q_tKSKHZcI/s1600/techblaster+shield+social+bookmark+TECHNORATI.png’ width=”/></a>

</li></ul></div><a href=’http://www.techblaster.net’ target=’_blank’><font color=’#ccc’ size=’small’>Social Bookmarking Gadgets</font></a><br/>

<!–End Sharing Is Awesome Bookmark http://www.techblaster.net–>

</b:if>


5.    Then SAVE TEMPLATE

6.    That’s all.

Now view your blog. You will see an awesome social bookmark sharing gadget on your blog. After your readers read your post now they can easily share your post with social bookmarking sites.That simply means you will get backlinks and traffic from social bookmarking sites. We will add the awesome Sharing is sexy bookmarking blogger widget in near future for you. 
Tags: , ,