Put Your Social Bookmarking Icons
Just over the last couple of years, this concept has caught on with so many users that social bookmarking sites are now very popular and highly ranked by search engines. We shall discuss and list these sites in a separate article. For now, we want to provide you a code so that you can have something to work with.
Add bookmark code into your blog:
1.AddThis
AddThis now offers a beautiful alternative to social bookmarking icons or those 16x16 pixel images that clutter the footer of almost every blog post on the web.
With AddThis, you can easily put links to all popular social bookmarking websites in a two-column drop down that appears only when someone hovers the mouse over the Bookmark button - the icons and links stay hidden or invisible otherwise.
If a visitor cannot find his/her favorite social bookmarking site in the AddThis menu, they can click the "More.." link access all other other social bookmarking services. Very cool!
Just add the following code to your blog template.
<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
addthis_url = location.href;
addthis_title = document.title;
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12"
></script>
<!-- AddThis Bookmark Button END -->
2. Social bookmark text links
Now we are going to see like putting them:
1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates
2. We looked for the following code:
<p class='post-footer-line post-footer-line-3'/>
3. That line with the following code replaces: <p class='post-footer-line post-footer-line-3'>
<div class='rsociales'>
Share this post with:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6EhgIi-vElFUvHiyYlZhxijtShVw_dWf-79ZJdwqtYTih28uGH1L0h8GdHwhI4UW-SmjSHvQDgcwjYjL5feGOCVl4FKPtxT8SkSoWFCoI9Mw1EIcWxhW6hV2PLJ-5Jp9SVmqVDTcTxU/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPAxB7Q5yDc8EdXiVuZTLF3_LYE7vnhNz13fqmP86wyKYltkoDnHAhkX2FrcX0GzHghJvMrvcOKaUKqZHy-zQJR20qO7VVEha7S4t06KAX333iQIlWOq_sJ9NpiHkV7XDA_xmLBp3H5mM/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url
+ "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!'
class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2WAZGWrRnkGRnvryqghPnEB-lQwu6xgpD2HlYbH4yHgwNxXrBT1H7wAiochRp14sh67II93GjEAhyphenhyphenf9g893gstH3ZoGjln3EstlJ8HpAZrBKcDz9QCsnEF6mFdjtmBkJc5VMM8doom8/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" +
data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf9p0rGm1jbYCIB21mK6jq781ce0279RTJOa8s5UAJ9hGwoZdrgoWF2eROvPqeYIluX2q0jdHAPGg3rYULB0PumLXEAkpA27HFUAui4mBudWhvuiHVUe-B0HrtevSOd9Je3uKeAxuDQlo/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyciBce_tl_ITdI68l4FIP2rehopSa6H_f48zRJqNVwt-IkVK5IVWU9qh2THSfSbuJ4gjcNu6253PIzLCS0tph_q25gyjs-0eP7TQsxWUXMTiuUjGuqZaZi5snM1kAe2FpheisHL1-cUU/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3TwwLuAezjvi22zPyQkEwRKlFtfeITFWhDGTLwMI5wwPDorKmGeql-nva3htUKPsRUh8mmzA5vLQMHCc0ySN4sbAvvZ8zrHz_d_wRkvn6K3GMVXCkUO8YwhVfoHr4LDJ_bbexqcwtsgs/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2GqWaDRXHpnHZkG56B9BIXYLB0xxHPu5z2b4xXDnM04BJbEb36NTCr0pfmk31C6vI1vxX2oqRPeouPEVBiS23S3eyhOiXcVoWstHqKIIyafqIODinZLFYSu-U_pK7tozaW6DnKBUWX98/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjui9hnH1Sha00_UPcNwxkO3B93MX9wpm_yh42N0H9KhhF0L27VnQ2NiWXTerk3YZRSS9cksJIXy0hMyEZxOJF0ssZW5w0FQb1TQvCYm1E7iBefTZ3ffcxX_0raSXNsJZlh8n7jqErvLTU/s1600/reddit.gif
'/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" +
data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjChqCFAQxkkvJvby10CGwclV9JkmgU-eT706hpYQLWZo-6T1Gq-zkDsoPqxiuE2CxZonHJGxVXI0wch9tpwsOksgtjxK32yvDn4WkcO49JDPfFAbmhRGtDCkW7r9ITFqBpJE-iI1EyXrY/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0kfpf5pop8hmM1XB7ZBuVjlMtgcJ9vyIiYboPqmw-6ifuiSo0mitOQBVIpcKARL8TZmApxbSLEf38uiOlbfrQvmzeCp_DjDQ36RWJnliSfrAZI2SKykPtFdKdu3-AM7p8XT-7vP7jTs/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMuuLSAHlyGaJo941VpAxhyphenhyphen687947Cv4b1ScRmujfBPO14X4V-uEFAy6GKwTxjdIb279ALOOKP7P-m-2BqFxk6DBzuhnqI3P_20VgzxodwCG-K73L53DDubqsUAdjqs8GGJ8vIZx2v8Sw/s1600/blogmarks.gif'/></a></li>
</ul>
</div>
</p>
4. Now it looks for the code:
]]></b:skin>
And right above it sticks the following thing:.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}
0 Comments:
Previous Posts
- Add Ratings To Your Blog Posts
- Add google translate into blogspot
- Hide or Remove Navbar in Blogger
- Add Digg button to Blogger or Blogspot
- Download free, fast, compact and innovative graphi...
- Find duplicate MP3, Ogg, WMA and FLAC audio files ...
- Integrate Facebook and Firefox with Facebook Toolbar
- You must make free upgrade to Windows XP SP3
- How to Create a Blog Using Blogger
- Download IE7 for Windows XP without Genuine Check
Post a Comment