Simple Floating Social Media Share Buttons for Blogger

Add Social Media Sharing Buttons Below Every Post in Blogger

1. Follow the following steps:

Template >> Edit HTML >>

2. Now find

]]></b:skin>

3. Add the below code before "]]></b:skin>"

.ET img{ width: 45px; height:45px; float: left;border: 5px solid #ccc; margin: 2px; -webkit-transition: margin 0.5s ease-out;-moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; }.ET img:hover { margin-top: -8px; zoom: 50px;opacity: 0.5; -webkit-transition: transition:opacity .15s ease-in-out}

4. Search for below code:

<data:post.body/>

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

5. Add below code after the any above code.

<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.url == data:blog.homepageUrl'><divclass='ETLab'><span style='color:red;'><u><i><span style='font-size: 30px; text-decoration: blink; opacity:10.5; border-radius:10px;border:10px solid#EE872A;'><b>Share this post with your friends andfamily</b></span></i></u></span></div><br/><div class='ET'><a expr:href='"http://www.Facebook.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); returnfalse;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbXL0IR-3oR3SFde2Ksdeg95qP1SlA8CMFOv45uGVFXjqCShStAX3bc12HuEHvs2XechKo_Nfv6aMDWhT3boaD_WGwjdMYt-tnRH-KyCMOaAFhyMRIK3lzMt3sUEObP4jeyFS08aYlDU/s1600/ET_facebook.png' title='facebook'/></a><a expr:href='"http://www.twitter.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); returnfalse;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaXTOIa0BtYqHzIivCKjzIWc3lAu-DeGt2mfJ4I9PWQrA36AnOiOWxQ5DXUcnMQVmhD6LIQ4Mv48S5Xc8rBlCsM5-ZgUgptrEVzo8-DsWwVuo4-O4p4RiGgNsCCjVpEZJ6XnENQRlN3Dw/s1600/ET_twitter.png' title='twitter'/></a><a expr:href='"http://www.plus.google.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); returnfalse;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzq2CHSQx8enf54vvIRrZcSk9dRB2s5bwt1bFOf_eDTbJe0fj8tRtSK391PFESVqIL7ZqUowNMchUh0rFu7803oZ9FwB4PeI4XwtY9WwNmNY5xGuzChs7NC7hB_IBoOw8F72XveT0Cod4/s1600/ET_googleplus.png' title='google'/></a><a expr:href='"http://www.pinterest.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcaR2zPGAX1QBXVKzIa0LBbkBjV8-0MhZJWL7z0mP69oZlnJBoxKXnpXNdH6_BF_wSk9SKwA1sptHB7fOoerxakSRZBVw32-21tJLARbMBpf5q4fn74XRYvqBimGtn7vhXOZW0uY9RvE/s1600/ET_pinterest.png' title='pinterest'/></a><a expr:href='"http://www.stumbleupon.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLYcl0LhiRV6SqtfZT8uCYNjsk8Fb4xb8Cv7AhEp2EZRG0iGwp7n75Nns2Lm4lL5hLyocqm1_hcHLwmvCb-oERiIA-7W9umCL1Bn7LNdQnDqag-akD5OrR_S3mqwOGXleNH1u9zik66U/s1600/ET_stumbleupon.png' title='stumbleupon'/></a><a expr:href='"http://www.Delicious.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVFYtswonE3Y39rEqc7IalBZwBb7eAtWtyJkPFvNqMIXQZF3h2Z6nGEp6SM8PP3p0VuKYj4_hHO2QxnYM5fsykHVhy3o4INJKnausSGdub-my1ySDKMiI-HmfW3akRi0DbpU3m_zrXHXw/s1600/ET_delicious.png' title='delicious'/></a><a expr:href='"http://www.Linkedin.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVF9xEShVgpoJf-RR2tokPA8Gu_uxLJDP7C3SJZKttUNdnneeVvc_s5m840hTBn-d34GLeh_dhQGcP8z8tJcpTPKqKTJV7A8soxRV9dvsMc7w_QUcChMv7M0OVfOCojgb20XA8w_jI_zI/s1600/ET_linkedin.png' title='linkedin'/></a><a expr:href='"http://www.reddit.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1LTFjMECtjRAyH9Beg8iMtdR_Wwnv0gK3BRt1KbNeaxl43IPe5RZw5qfKFch4oiK8DVtP6Q5l5Twi7olDpPESTXbcxazYaPyfOYz6FAyOv7eEllLssM9NbM2Qm7wvOA8tM9Bwh8GJPuk/s1600/ET_reddit.png' title='reddit'/></a><a expr:href='"http://www.technorati.com/share.php?v=4&src=bm&u=" +data:post.url + "&t=" +data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIisE-F6znLEGgTGenpMq0cWuNnBHk-tpCFQr59feueG7i7MUBBvCO5utpsiEM2gN5sAqkTpJQtUCNORr2XAtWmrt4Bfb7_B9nl8J2aH5eepW-6XujkAPl5t2MiopWNYphFjyGoDKlXC0/s1600/ET_technorati.png' title='technorati'/></a> </div></b:if></b:if>

6. Now save the template and check below on any post

7. Enjoy it and post your reviews.

Talha Webz

Simple Floating Social Media Share Buttons for Blogger

Related Post

About Admin