Tuesday 29 May 2012

How to add floating share button to your site

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 == &quot;item&quot;'><strong>&#9829; CONSIDER SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT &#9829;</strong> <br/> <a class='opacity' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://www.technorati.com/faves?add=&quot; + 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='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
 press save and preview your blog 
thanks for visiting

1 comment:

  1. It's very trouble-free to find out any matter on web as compared to textbooks, as I found this post at this web page.

    My website ... I recommend you read this
    my website :: take a look

    ReplyDelete