In this post we will be telling you about bookmarking gadgets using cool bookmarks with incredible icons. The bookmarking gadgets are specially created for our users as per there needs. We will be telling how you can add bookmarking gadget below all your posts as well as on your home page, it will help you a lot in increasing your traffic. We have different shaped bookmarking gadgets, this is a triangle shaped bookmarking gadget with a sharing is sexy quote, you can select as per need or your likes. PC TECH provides you what you deserve.
2). Select Layout and Edit HTML.
<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 == "item"'>
<!--Start Sharing Is Sexy Bookmark http://www.pcleaks.blogspot.com-->
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://kwout.com/cutout/b/wb/w9/4x5.jpg); 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='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zyWVd0Mlvr_YejEE-WZ34U4-U9XhEJEyhY2jIwkuXnSWxJn_DO_9zMePYpPMyYbAvag6eafTC6eI5KRFNV01tTyVJLlotEmSXIp2nZIG9ESQ0c4MXBAn5qIyqHThpx47TiqX95YLwaA/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwrQ553Ku88H43L27yFNm-vQ1PEspydFLgqdlAK5towX32hIkVhodqgdag1j2_4DUSIhXdDSiuhdq7Q55v2GOGvXMhimrIou5ieBSYBIP90WVAxOo0ctgXDy4vp2h4gheIm9Kd75ZLE4/s1600/digg.png' width='48'/></a>
</li>
<li>
<!-- Stumbleupon -->
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWj4BwV9w3R7u3HSCHDb-1zbu9ShyxUrRz_29C4ZhKfnYl-qsVxqSwlKjHCy6r_6hBzmMfm6z96uTRJZ6JRrl6FQQFjWCcHg0-f2VB2BjMIm_Nd4FXNTZVVhs8JaM0bpdfiQDpm-gfEs/s1600/stumbleupon.png' width='48'/></a>
</li>
<li>
<!-- Twitthis -->
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIUYhM78ZrDx9mFKH8fAfLFu3kKZdruIQrzCa2EDeuofhApW1Wp-eaPE5UhBwKEMBk3uNznqLuJjIzmdFY6Owr0FQg9akQmzitjRpcBqVIbgYRxd2WKCD570usf119nm4IXhnTZoGSd4/s1600/twitter.png' width='48'/></a>
</li>
<li>
<!-- Delicious -->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglAogshYM3I7hNLl1PUcHN0LKbVCmNA3JWhod5N0xo3vm-edGHwcwLqdSWz7fDcpSznmdbQzEmeLProTdY1Zipk2ttCWWDUwCRDMijv87gxcTehi2TpQHafVJ2TxWDiZVCpB7BHX-eWdI/s1600/delicious.png' width='48'/></a>
</li><li>
<!-- Design Float -->
<a expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFqfNNpQ09ehX88v4aMb8U7B47YJDgPb6eRata3XO3swxHnCbScC9WbeI_o9jTXrGqImttoAuKZvC8IPs3kOVSh8_d7vmEgoJSESMdoPL8CWifp-5pyi3C00w6G7OhCZNgHGmyMrOpHQ/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->
<a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRBggHsjdN9I1aNTF2Fvo_wX-YIHxRf75Sya-uC9z-U9Fb6nnfFtcCDYBNnUiehudpPDBtDEpO5geicXLTFUSEoCf6ts0hRxPj_FIUufvmT3X6pMmNmiJmPJvZCwcXSeqlOPDO4mdzjI/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- LinkedIn -->
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On LinkedIn' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJICF_Aym8BFmCHXkXoBa7L1DaegWoBRVdx87n57JdYody-fWxTHj3QZ1q86Qkp_5yAZ5gRxNIWqTyb5vUQMeDeRkPFGPj0Lir4Toa5pxMCbgJeIMWkQUqZe_jmXWUwVpgctQBBDS4lkM/s1600/linkedin.png' width='48'/></a>
</li></ul></div><a href='http://www.pcleaks.blogspot.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.pcleaks.blogspot.com-->
If you got a good experience than leave comments and Email Me for any assistance.
ADD TRIANGLE SHAPED BOOKMARKING GADGET
1). Open your blog and go to Dashboard.
3). Check 'Expand Widget Templates' option.
4). Find the following piece of code in your blog HTML code. HOW TO FIND CODE IN YOUR BLOG HTML CODE
NOTE :- If you do not find this code, find <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<!--Start Sharing Is Sexy Bookmark http://www.pcleaks.blogspot.com-->
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://kwout.com/cutout/b/wb/w9/4x5.jpg); 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='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zyWVd0Mlvr_YejEE-WZ34U4-U9XhEJEyhY2jIwkuXnSWxJn_DO_9zMePYpPMyYbAvag6eafTC6eI5KRFNV01tTyVJLlotEmSXIp2nZIG9ESQ0c4MXBAn5qIyqHThpx47TiqX95YLwaA/s1600/facebook.png' width='48'/></a>
</li>
<li>
<!-- Digg -->
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRwrQ553Ku88H43L27yFNm-vQ1PEspydFLgqdlAK5towX32hIkVhodqgdag1j2_4DUSIhXdDSiuhdq7Q55v2GOGvXMhimrIou5ieBSYBIP90WVAxOo0ctgXDy4vp2h4gheIm9Kd75ZLE4/s1600/digg.png' width='48'/></a>
</li>
<li>
<!-- Stumbleupon -->
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWj4BwV9w3R7u3HSCHDb-1zbu9ShyxUrRz_29C4ZhKfnYl-qsVxqSwlKjHCy6r_6hBzmMfm6z96uTRJZ6JRrl6FQQFjWCcHg0-f2VB2BjMIm_Nd4FXNTZVVhs8JaM0bpdfiQDpm-gfEs/s1600/stumbleupon.png' width='48'/></a>
</li>
<li>
<!-- Twitthis -->
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIUYhM78ZrDx9mFKH8fAfLFu3kKZdruIQrzCa2EDeuofhApW1Wp-eaPE5UhBwKEMBk3uNznqLuJjIzmdFY6Owr0FQg9akQmzitjRpcBqVIbgYRxd2WKCD570usf119nm4IXhnTZoGSd4/s1600/twitter.png' width='48'/></a>
</li>
<li>
<!-- Delicious -->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglAogshYM3I7hNLl1PUcHN0LKbVCmNA3JWhod5N0xo3vm-edGHwcwLqdSWz7fDcpSznmdbQzEmeLProTdY1Zipk2ttCWWDUwCRDMijv87gxcTehi2TpQHafVJ2TxWDiZVCpB7BHX-eWdI/s1600/delicious.png' width='48'/></a>
</li><li>
<!-- Design Float -->
<a expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFqfNNpQ09ehX88v4aMb8U7B47YJDgPb6eRata3XO3swxHnCbScC9WbeI_o9jTXrGqImttoAuKZvC8IPs3kOVSh8_d7vmEgoJSESMdoPL8CWifp-5pyi3C00w6G7OhCZNgHGmyMrOpHQ/s1600/designfloat.png' width='48'/></a>
</li><li>
<!-- Reddit -->
<a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRBggHsjdN9I1aNTF2Fvo_wX-YIHxRf75Sya-uC9z-U9Fb6nnfFtcCDYBNnUiehudpPDBtDEpO5geicXLTFUSEoCf6ts0hRxPj_FIUufvmT3X6pMmNmiJmPJvZCwcXSeqlOPDO4mdzjI/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- LinkedIn -->
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Share On LinkedIn' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJICF_Aym8BFmCHXkXoBa7L1DaegWoBRVdx87n57JdYody-fWxTHj3QZ1q86Qkp_5yAZ5gRxNIWqTyb5vUQMeDeRkPFGPj0Lir4Toa5pxMCbgJeIMWkQUqZe_jmXWUwVpgctQBBDS4lkM/s1600/linkedin.png' width='48'/></a>
</li></ul></div><a href='http://www.pcleaks.blogspot.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.pcleaks.blogspot.com-->
</b:if>
6). The last and the most important step, Save you template.NOTE :- If you want social bookmarking icons to be displayed on your home page, remove the highloghted code at the top and bottom.
If you got a good experience than leave comments and Email Me for any assistance.
No comments:
Post a Comment