Home »

Add Spinning Social Sharing Buttons With Social/Email Subscription Widget Below Every thread

Friday, October 18, 2013
 

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)
<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='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPrQgOFh2u1_pkq3Qp4Jmo6xCWoKW2d07kOmBUjWPJ-KswFLe32F2UP9mF7G1isD9cbvokuB-JOl_InfgoGplXlG4mVzxLHoK0R8zvB0onLXgNzTOXBLJoe7SSg1j8ugGfbPhdmYEC78/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1I8Tj_SyQlwwGQfvJUoeRRbYXWN0P-yswnVR_z4iZUbktUf798Xl7SzTk69fW2Df3YhJ-MlO7J_s4J0lDRswFm-WpZPE7OglgeiRI4yIdGjiMc5814CWR6CYa665BOAKBrUJ2owd7i-4/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1vprosHNXB69vmmpvx4EJ5aoL9lEIxRLdFvbwoLUPDvs54AZmD636hMTBLKU-iH3ZXzTSpzf2TJ5SzIgnqz1SkPpIVUZMJ6oagAvIIqtXnOA6w2gwww2NTHhr2g2dJlwgRK6wInl1AU/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5NiqNp-3OTyOQt1-M2KZFIUHE2Zu6QaBmqP_kfaat8gbHST9brQg72G9ZE0PIyElnjOuv1e249qRRJUc4tySc7_ABxHsuhqa88LusQnAIYJ0WTVj4NhB-PAXSQwu5otYXPUKgY-qRO_0/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlt8V_ZIiyNGlfBgxO68vdQfh5zjs_Txh3Xu7Ho_Jk0BF0kuVJ4pDll7Ox3hQbKvmJbw7pAonlABLwYrLDY_-LvZCxn9S769iCBsaU8KsXyA649UubgXmh0s72tLmd0M2A7EB94tZe74c/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwteeduD25zIqyfsXsgU9QEPEbjUrE1L-yOHpXUmfO1SPtkcbsslbRceAdfh1RQuwwa9z-pHYizKxaUc7WSj96JOUkWExQDL6WKt58f1ZHbWjP2siQlIeQVYCwiSmfYD7fRFRh19UKgTU/h120/pctoolstips.blogspot.com.png'/></a>
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrsbGsOMY_9fwYn0RQXEWQr85AJWPWUZQWoXxx-B2ejoG4zN9IRJeNzhyphenhyphenSRZ0URlLLIh99YKeZn3qS8_or6sH4VdoISOYVe0JPSzO46Ln6ZJBuXFEh3C3x_7ZdFUTKmpmWSnzVIcHTgqI/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&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;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#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=USERNAME2&amp;show_count=true&amp;show_screen_name=true&amp;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 == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" 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. 


Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.

Follow Me On Twitter Or Facebook

Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.


Did you like Thread ؟
Tags: