Add Spinning Social Sharing Buttons With Social/Email Subscription Widget Below Every thread
A Blog Without A Good Fan base In The Social Networking Websites Will Become A Total Zero Anytime . But , If You Have A Proper Fan Base In The Social Networking Websites , You Can Get A Lot Of Traffic From These Websites And You Can Also Rake Up Some Reputation Among Your Fellow Bloggers . So Here , We Are Sharing A Type Of Widget Which Shows A Widget Like This At The End Of Posts . Actually , This Is Not A Widget, Its Actually An HTML Tweak . So , Lets Start And Dont Forget To Share This Post As You Will Surely Love It. If People liked reading Your Content , Then They Will Surely Share Your Articles .If You Have Any Problem With This Widget , Please Do Report It In The Comments . Please Do Not Reproduce this Article Without Permission .
☻ HOW TO ADD SOCIAL SHARING WIDGET IN BLOGGER
Written explanation
1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box)
<data:post.body/>3) Now Paste the Code Shown Below just After it.
<b:if cond='data:blog.pageType == "item"'>
<style>
p#socialicons img { -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} p#socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.emailbutton{background:#f7f8f9;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);color:#888;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;}
.emailbutton:hover{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );text-decoration:none !important;}
.email{clear:both;width:100%;margin:10px 0;}.emailform{position:relative;width:300px;margin:0 auto;}
.emailinput{width:200px;height:18px;margin:0 auto;padding:8px 40px 8px 10px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:georgia;font-style:italic;-webkit-box-shadow:1px 1px 2px #dfdfdf;-moz-box-shadow:1px 1px 2px #dfdfdf;box-shadow:1px 1px 2px #dfdfdf;font-size:14px;color:#666;}
.emailbutton{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:9px;position:absolute;right:-2px;top:0;display:block;line-height:16px;}
.emailbutton{padding:8px !important;}
.emailform, .emailinput{width:98% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;}
</style>
<center>
<div style='font-size: 22px;'><b>Share this article with your friends.</b></div><p id='socialicons'>
<a expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9307NZ_EDLw6s3AV_XEnYgES7BxNTXJoD5hreZDAgAE03vrtfFic5xgNhtSduyU9Opcz5aiz56bah02wr4WzSOwYeoPWNQy_yfhZCA8VGcixmdfLkjuWETZxGBui6ePl5bvogSn9bcNg/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw8YnUsDNRGVeniP93AfZoC6d-FAh1I2LtjPkyDKI3D-glxwmozeB0z6RNTgRWlXVnhENR3PV5ZDkOarfayxuwSbBi3OXsNRbq-1qOPKCU23oHymj0aiqtUwK0JtmKmkR3hMOdTyf7l90/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTswnSTX_uZV6eocAQL12ibuC4THOW629pmxmEIM4-6MozHa7CwBWNLVzfpJYuLWfdBv_qdVNfhsBnIXWimti0UW0zzDKW8BcUfipjgxgT3oEXaCQNqMJCiI6KZrWknGY2ByETQ_yNd4Q/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzg1tQ4NGKkO-A3jSZP66tW6oNH_5_2K7ztvDKCTVHKx4xqzWc5c5_S35Mx6mlDA_e0izUtTBINM3htvWVi6kn9JQcEglrjqVKTLuutZUVurlvWmH6q-N9InL4aewoGGgcrZ6RpqeA_c/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYioG2w4XWx257PB5NleRHl8EW-42E9JvS7UHrBO_sUKDGPtZiXRMtvaeh4i7-YCgdgPtJf0gzVEJkW9VMkX4IHs9vJ36McLo0s-NizdloNQ5DhCBRzIVdR6nUWNcUJjsdKy7_PAVsrw/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3SKCt69hqDTy_UzRQ_oLntXkTo2c1SSbBot1j8sPo-5wMGs0ihEVLOvU1w8ZL4GlD4By02QfkrdY7rQ6-xW9LJj25qfA8disJ8hDiBawyTKrAXtYuFl-t-DJKV5oU2rbDzwwSj6j6jos/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyqVCDnw2E3Z6F8nMiY8ctKOJfQ_PE67VKUQeQE74S4D343en8Zdj9mpaOrju_5sADXCqNeestcbsnOAoBPx5Xy_9EqYbx57B38aLlnd3vewTqEss_x7flvNUsxd-wLH5w2z59Js6eEI/h120/pctoolstips.blogspot.com.png'/></a></p>
<div style='margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; '>
<div style='float:left; width:272px; border-right:1px solid #ddd;'>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=URL HERE&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62' style='border:none; overflow:hidden; width:292px; height:62px;'/>
</div>
<div style='margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;'>
<iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&id=twitter-widget-0&lang=en&screen_name=USERNAME2&show_count=true&show_screen_name=true&size=l' style='width: 266px; height: 32px;' title='Twitter Follow Button'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
<div class="email">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">
<input type="hidden" value="USERNAME1" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailinput" />
<input type="submit" class="emailbutton" value="SignUp" title='' /></form></div><div dir="ltr" style="text-align: Right;" trbidi="on"><a href="http://pctoolstips.blogspot.in/2013/08/add-spinning-social-sharing-buttons.html" target="_blank" ><span style="font-size: xx-small;">Get This</span></a></div>
</center></b:if>4) Customize your setting.Find any word click F3 or Ctrl+F.
♥ Replace it USERNAME1 with your Feedburner Username.
♥ Replace it URL HERE with your Facebook Fan Page URL.
♥ Replace it USERNAME2 with your Twitter username.
5) Save your Widget.
Comments