Wednesday

ADD SQUARED SHAPED BOOKMARKING GADGETS FOR BLOGGER

In this post we will be telling you about bookmarking gadgets using cool bookmarks with fantastic icons. The bookmarking gadgets are specially created for our users. We will be telling how you can add bookmarking gadget below all your posts, it will help you a lot in increasing your traffic.



ADD SQUARE SHAPED BOOKMARKING GADGET 






1). Open your blog and go to Dashboard.

2). Select Layout and Edit HTML.



3). Check 'Expand Widget Templates' option.



4). Find the following piece of code in your blog HTML codeHOW TO FIND CODE IN YOUR BLOG HTML CODE

<div class='post-footer'>


NOTE :- If you do not find this code, find <data:post.body/>

5). Copy and Paste the following code just below the code you have searched. 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Share The Inspiration http://www.pcleaks.blogspot.com-->
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2jHG7nVvCK0UWeR5GZnERDUmO644JQZ0NK3UjnGc4IDMNVe1PQ5iFd3XZaEVfJafhFqUR6BB55XDM7tiCJ53QUNw_Tz0rphhfgwukJKHUzxofi-83i7RH48cLUJm4RslVm1XHW7br3BT/s1600/shareinspirationtrans.png); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:7px; 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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi63a2v-kYCDGCzuNs-R0kSXopAbz_7mS8xcJq3B6hb6r7em9pOEsVG1vC9XKDGaD-57mOFPweXit7zxTDe16bog9VYa6npPeV_mT2K_0dMApuWBdive4dIrWGVItfNXfzy0ZCk_TSZ-iE/s1600/facebook_48.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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWqS9nzdh6QaALTjTtWK-ajj7M_HIXdqMsumdbhyphenhyphenDBuERFWhEkZAaa4JCYZCg104oQCnIgGjNiDSujIYQjyw8kmxFQIwudaMoalS13Ql-I08kss47nX_ngFdHMV3PIGU4omKOKwCCtPk/s1600/digg_48.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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGmY24YrMpWmh3TXGCd6XiXmhc2Amgijt_oiVpjuuhFpjq6VvHCBk8ricGOHzX6IuCrkbcaZo4FhCPrXku3TmcNLDRoDJ5X8V0918gORpA3L-sfXO5yLlGMMWtzwD9JQeJGKqfcIZMnH0/s1600/stumbleupon_48.png' width=''/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIkAcCO0pNBifgGDxgOFBZvE-sHXlpxD-1Cpu542MAj-6DWulXIhLqvqWN57Qz3SluVmdUOlZ8WVBWLRldDgPX_fG-B-ZBmhr1ITupDNC42ZNvq_OPLLcWP2nsNbLRnzFJ6I6IBCzxM5E/s1600/twitter_48.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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig47QuJfjbk98oj7Ed34RPLnSjJ5lpu6P8KH_6XBB3SnwmUdYyUGsaTE2PK3NBSZRZqyKreop1ranxNNkGy0VengkhpI8cHVmNAZSLNfaeS9tjz_dUw189EJl1iuIiFzg9j508QBc-jsM/s1600/delicious_48.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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknkYge-OCvJrgTQspbbfs9JVBZTZ2hfNjdoRBRiFMTq6lQTi5IY_Hs_7d1W8VNDIl8XLWqjbMAP5waV4tgAsZ0b_BJZEOOzACRrqPZCFWnxj4Y2qrDRWAtyRadD-8jsyiZ2Yt5ePJ1l0/s1600/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' border='0' height='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZ7YbtsWeeOQfverLUuD4xtnsCLcwcAlNbBwHdZ8Z36t5uPB2g8Ig5yLVYTrT6khyphenhyphenRusTNlFNYQkUQACyjmNN9LFUxeFQ-gKD6Rn61RATGsIl0NpzGzTj0-VHEaxNBU4mFmOcb4Px6ag/s1600/technorati_48.png' width=''/></a>
</li></ul></div>
<a href='http://www.pcleaks.blogspot.com' target='_blank'><small>Get Blogger Bookmark Gadget</small></a><!--End Share The Inspiration http://www.pcleaks.blogspot.com-->
</b:if>


NOTE :- If you want social bookmarking icons to be displayed on your home page, remove the highloghted code at the top and bottom.

6). The last and the most important step, Save you template.


If you got a good experience than leave comments and Email Me for any assistance.

No comments:

Post a Comment