How to add large share button to your site
Just below every blog post you see on my site,you will notice this large share button which makes it easy for social bookmarking and social networking users to share or comment on this post through these websites.I want to show you the simple method i used to get this done on my site.To get more understanding about blogging read how to start blogging for full information.The steps
1.Login into blogger dashboard on the new blogger interface
2.click on drop down arrow near create go to post list
3.click on template
4.click on edit html
5.tick expand widget template
6.press ctrl + F
7.search for <data:post.body/>
8.just below <data:post.body/> copy and paste the code below
<div style='border: 1px #3b5998; background-color:
#eff3fa;'><div align='center'><b:if cond='data:blog.pageType
== "item"'><strong>♥ CONSIDER
SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT
♥</strong> <br/> <a class='opacity'
expr:href='"http://www.facebook.com/share.php?u=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Share this post Facebook'><img
alt='Facebook'
src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxEljyW2I/AAAAAAAAAtc/QXA52ddQGI8/s1600/facebook_icn.png'/></a>
<a class='opacity'
expr:href='"http://twitter.com/home?status=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Tweet About This Post'><img alt='Twitter'
src='http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLxDa9EzmI/AAAAAAAAAtE/oOfchAvI9eM/s1600/twitter_icn.png'/></a>
<a class='opacity'
expr:href='"http://www.stumbleupon.com/submit?url=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='StumbleUpon This Post'><img
alt='StumbleUpon'
src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxCa32alI/AAAAAAAAAs0/8p_cwyucZco/s1600/stumbleupon_icn.png'/></a>
<a class='opacity'
expr:href='"http://digg.com/submit?url=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Digg This Post'><img alt='Digg'
src='http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLxEIPdlrI/AAAAAAAAAtU/2EGPUWg6z58/s1600/digg_icn.png'/></a>
<a class='opacity'
expr:href='"http://del.icio.us/post?url=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Add to Delicious'><img alt='Delicious'
src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxD79huqI/AAAAAAAAAtM/AM3fmq8kG4A/s1600/delicious_icn.png'/></a>
<a class='opacity'
expr:href='"http://reddit.com/submit?url=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Reddit this post'><img alt='Reddit'
src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxAk3NJCI/AAAAAAAAAsc/keJ7HSsoTqw/s1600/reddit_icn.png'/></a>
<a class='opacity'
expr:href='"http://www.technorati.com/faves?add=" +
data:post.url' target='_blank' title='Add this to Technorati
Favs'><img alt='Technorati'
src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxC1v0WiI/AAAAAAAAAs8/6Bg5MzoXbo8/s1600/technorati_icn.png'/></a>
<a class='opacity'
expr:href='"http://www.mixx.com/submit?page_url=" +
data:post.url + "&title=" + data:post.title'
target='_blank' title='Mixx it'><img alt='Mixx'
src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxFnL6d0I/AAAAAAAAAts/hUgG-zhNmgY/s1600/mixx_icn.png'/></a>
<a class='opacity'
expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="
+ data:post.url + "&title=" +
data:post.title' target='_blank' title='Share on Linkedin'><img
alt='Linkedin'
src='http://3.bp.blogspot.com/_0Nr--qemD8Y/TCLxFJ5--YI/AAAAAAAAAtk/q2h4YUt2gAY/s1600/linkedin_icn.png'/></a><br/><small>[<a
href='http://www.doncaprio.com/2011/04/add-facebook-large-share-button.html'>Get
this
Widget</a>]</small></b:if></div></div>9.press save and preview your blog You can also add this floating share button to make your blog ready for use by visitors.codes from doncaprio
Comments
Post a Comment