All in One Social Sharing Buttons widget for Blogger ~ Blogger Lab

Social sharing widgets play a vital role in blogosphere and has become one of the tremendous factor for each blog and websites. You might have seen allot of blogs and websites holdings different styles of social sharing widgets. Likely If you take a tour of my Blog then you will find different types of social sharing gadget on different locations. Each social sharing gadget has its own task to publish posts on different social media websites. You can put your gadgets according to your blog designing and layouts. So if you are a regular BrainOFComputer reader then you might be aware that in early days we have published so many Blogger Widgets and Plugins they were well appreciated and liked by Newbies.

So since from the couple of days we have received so many request from our loyal readers, Asking for social sharing widgets.

All in One Social Sharing widget Below Every Posts For Blogger

You can easily grab all these social sharing websites buttons together at one place. This all in one social sharing plugins, will add to blogger below every posts which will help in sharing your article within a seconds.This widget is fully customized for blogger blogs which holds all popular social sharing websites plugins. We have included Facebook, Twitter, Google plus, StumbleUpon, Digg,Delicious and Technorati widget.

Why We have Removed Pinterest Buttons

You might be thinking why pinterest buttons is silent in the gadget. before thinking too much let me tell you are you interested to increase your page loading time. Do you want to compel your blog on loading time by your own hands. The Answers is absolutely No.No body will give up this habit. Every blogger and webmaster always try to decrease blog loading time and always try to make page loading time faster and faster. So if you have added pinterest button in your posts then your blog page loading time must be increased several times. Pinterest Button work with JavaScript. If someone wish to add pinterest button into blog then he must be added this button with JavaScript coding otherwise the pinterest button will not work correctly and will be no in use to publish your post on pinterest. So that's why we have eliminated this button from the gadget.

Add All in One Social Sharing Buttons widget below Every post in Blogger.

There is nothing to worry follow the below straight forwards steps to add this gadget into your blog. Before going to add this gadget lets find out its demo how it look liked.

Attention: If any one want to share this widget on his/her blog then do not forget to give credit links back to Tricks Tower. Also Don't change the credit names . Anyone who does not link back then it could be destroyed his Blog post maliciously. If you do so the legal action will be taken against him.

Step 1:

Go To Blogger Dashboard:
Go to >> Template >> Edit/Html:
Now find for <data:post.body/> or <data:post.body/> and past the below given code:
If you could not find the above tags then look at the below illustrative screenshot.

After clicking on the var'post' scroll down slowly you will find one of these codes<data:post.body/> or

<data:post.body/> and past the below given code.

<style>
/*------Tricks Tower Social Sharing Widget For Blogger -Start----*/
ul.social_BrainOFComputer {
list-style: none !important;
display: inline-block;
margin: 15px 0 0 0px;
}
ul.social_BrainOFComputer li {
display:inline;
float:left;
background-repeat:no-repeat;
}
ul.social_BrainOFComputer li a {
display:block;
width:35px;
height:50px;
padding-right:10px;
position:relative;
text-decoration:none;
}
ul.social_BrainOFComputer li a strong {
font-weight:400;
position:absolute;
left:20px;
top:-1px;
color:#fff;
z-index:9999;
text-shadow:1px 1px 0 rgba(0,0,0,0.75);
background-color:rgba(0,0,0,0.7);
-moz-border-radius:3px;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-webkit-border-radius:3px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
border-radius:3px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
padding:3px;
}
ul.social_BrainOFComputer li.abfacebook {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLFzN0OCpap4zFBL30rwuvGkUkABDTsJtKIQhyphenhypheny0jFZthY9YgJ3H6iN9kVECPKdGilET6NX1cPjAsNc1Ypt-mA6ixBlG56GLqf5HKla86A459GGLDOO3Xn0ecf4AQLwJePlqq6qnJkhOcT/s1600/btrix-facebook-icon.png) !important;
}
ul.social_BrainOFComputer li.abtwitter {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Og83ZDSqgQ8fxby5pJNZPEOGWYD5UMbtVff8pBpoUHD9Rj8OEZ49VQB9p1Ka9Q3hAY5OI9UlzGeLVp0AeNoVS0UyTdLShruNiMuLDowuxyN1ooiI31uhWnPtIl1Onv4WCeet9MpHeuXG/s1600/btrix-twitter-icon.png)!important;
}
ul.social_BrainOFComputer li.abgoogleplus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWAw0Wyaw8k8WHiBYdeYSc1TrbRufTdStHxAygz6BgIB4zhw75XS-X8fInAJMSfbpyimUp9RFq5UKBPn3Y8FXJw-jqbTL2tUFc-1Fj_-nADelvGK5A0nqisHnxaSC_se190WPWalTihyphenhyphenX/s1600/btrix-google-icon.png)!important;
}
ul li.abpinterest {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8L95vuVSVt4l9zg8ptdmjIRUvjrFfoBRXBn5iirIv21dDe1mi-GZ8CVX8HB9XPER4NY_wdubkS5NmXN2irPZS3z449EVBqTS9_GsFK03o5VphTa_Je9Qu1DWBa2Q5fy_soT_H8mGnRvRM/s1600/btrix-Pinterest-icon.png)!important;
}
ul.social_BrainOFComputer li.abstumbleupon {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFMbQk4kXzppO7CgiuP9BJRtmxGOUDR-Gi8KhaEG8cfPWxSY5o305wC1y5TI58M1SgenSluBE4e1b7iKBM2Vwos5LqUEdIrDZLSXrWM9DK9aFlAQMSXQ_Mq-UvqmM_-EQCkLOEDAG-NQr/s1600/btrix-StumbleUpon-icon.png)!important;
}
ul.social_BrainOFComputer li.abdig {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLmEC_k5e0ulJ59KkEGuf5uDHGs5zXDro6tbRHti9rNXoKxOw-hnfvOtS1ECnqlw6UqnCDLJjEqxSHM7Sg6ZmAqxSnptwKE6gTgMwMwHj60JEh2YHAM33YnF_EoYbJ6fYNgfvXquQRWegV/s1600/btrix-Digg-icon.png)!important;
}
ul.social_BrainOFComputer li.ablinkedin {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOTDQV8_CM0yFUXQdcL3juzVGgDVXTfM_LSR2PQvFDM-6n5Fn_p-Z1aFBA39dZfHGMIoM6kQ1j8U7gIR_bObfK4uBMidPzPifa2LFajTm4kXDL45hN59sGcLcbHjBHAUP0Ebm68ed4M8q/s1600/btrix-Linkedin-icon.png)!important;
}
ul.social_BrainOFComputer li.abrdit { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6nIIzMlswEcO6m3gl7b50OCCC6rBDUOMMuOXpF5ki3gLb0Ubzax-qHd9jveQneGXYvmiPEzbkDp12NzmGiH0WHxz2fEHvl5DleP5oteZp9yVejkpqcig0__rSBAyEX2IKGQU7wUgqfcU/s1600/redit.png")!important; }
ul.social_BrainOFComputer li.abdelis { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7FZdbLfqGoUsMs6xX3ZFMNmwPrLo9e0_-kQa_Soc5-T7bLfvY9Y0Px3uDa3gZQhnnNef4jhsdf0hQwl_7AHkJJV3c85kxkXATWKAHnSTrzF0x3JMPzeJy4WRN8UF01SeKo9axqW9F5-I/s1600/delecious.png")!important; }
ul.social_BrainOFComputer li.abtechno { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZq-lyaxLBjdq80g-MxdLB-5fTVBK_IxpKyykbhQajUCPn4iUcs1s1PoAvt_dPKNHq1tZ0QlVpFAwD6-Y0IomvM6Bo2S4pHKz_6y_VK_rzp7BtoCOcdGU1-EbRCPeKhV9abBQA6Op_vVA/s1600/technorathi.png")!important; }
#animation_BrainOFComputer:hover li {
opacity:0.2;
}
#animation_BrainOFComputer li {
-webkit-transition-property:opacity;
-webkit-transition-duration:500ms;
-moz-transition-property:opacity;
-moz-transition-duration:500ms;
}
#animation_BrainOFComputer li a strong {
opacity:0;
-webkit-transition-property:opacity, top;
-webkit-transition-duration:300ms;
-moz-transition-property:opacity, top;
-moz-transition-duration:300ms;
}
#animation_BrainOFComputer li:hover {
opacity:1;
}
#animation_BrainOFComputer li:hover a strong {
opacity:1;
top:-10px;
}

#subbutton {
background: none repeat scroll 0 0 #0089E0;
border: 1px solid #292929;
border-radius: 5px 15px 5px 15px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
margin-top: 15px;
text-transform: uppercase;
transition: border-radius 0.5s ease 0s;
}
#subbutton:hover {
border-radius: 15px 5px 15px 5px;
}
/*------Tricks Tower Social Sharing Widget For Blogger -End----*/
</style>

<b:if cond='data:blog.pageType == "item"'>
<div style='border-bottom: 1px solid #ddd; border-top: 1px dotted #ddd; color: #000000; font-size: 24px; margin: 45px 0px 10px; padding: 15px 30px'>Share This Article with your Friends</div>
<ul class='social_BrainOFComputer' id='animation_BrainOFComputer'>
<li class='abfacebook'>
<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'); return false;' rel='nofollow'>Facebook</a>
</li>
<li class='abtwitter'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' target='_blank'>Twitter</a>
</li>
<li class='abgoogleplus'>
<a expr:href='"https://plusone.google.com/_/+1/confirm?hl=en&url=" + data:post.url' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' target='_blank'>Google+</a>
</li>
<li class='abstumbleupon'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank'>StumbleUpon</a>
</li>
<li class='abdig'>
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>Dig</a>
</li>
<li class='ablinkedin'>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' target='_blank'>LinkedIn</a>
</li>
<li class='abrdit'>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share this on Reddit'>Reddit</a>
</li>
<li class='abdelis'>
<a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share this on del.icio.us'>Delicious</a>
</li>
<li class='abtechno'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url ' rel='nofollow' target='_blank' title='Share this on Technorati'>Technorati</a>
</li>
</ul>
</b:if>

Note: this code appears only on your post pages.

Blogger Lab

Monday 30 September 2013