This post is written by our guest author.Check how to become a
guest author in True Blogger Tricks
For our dear visitors we created a very awesome and professional social sharing widget for blogger which can you add below every post of your blog and it works perfectly with blogger and you can also add it on your other websites like Wordpress, Joomla, Webs, etc.This Widget contains a spinning effect on mouse hover.
Add Social Sharing Ice Cream Widget
<div class='post-footer-line post-footer-line-1'/>
- If you can't find above code then Search below code
<div class='post-footer-line post-footer-line-1'>
- Now Paste Below Code Just After after it.
<b:if cond='data:blog.pageType == "item"'>
<style>
p#socialicons img {
-moz-transition:all .7s ease-in-out;
-webkit-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-ms-transition:all .7s ease-in-out;
transition:all .7s ease-in-out;
}
p#socialicons img:hover {
-moz-transform:rotate(50deg);
-webkit-transform:rotate(50deg);
-o-transform:rotate(50deg);
-ms-transform:rotate(50deg);
transform:rotate(50deg);
}
</style>
<center><p id='socialicons'>
<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/AVvXsEjkXjZGtL5Kq-5alZm6d2f5JX-4uz7k2K4oGCIdj6xfY8YLVk1AwLuPnnbvqJAQUQ1VkLT0IIHAtaO1dihA8kJZCOUvXqOot99RdAMYy3Pv5UnQCRbAfrbG_m-07AD8fvghgO1DuTF2zECL/s1600/facebook.png' title='Share on Facebook'/></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/AVvXsEjp_I89iK2zQa6ZUnWjODPb3jOt47pZdoBk5_OM-wFfXIsEVGQtludEreOC2p-KLCYRtxNzbnEUQO9ASoae2sQakI2SNO3Fhnwr0VVOuwLqa8BEWhZfJioHZxGr7VwlzzSYBJ12D95tL4JT/s1600/twitter.png' title='Share on Twitter'/></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/AVvXsEiBNlHK2aQ9ssxE25DxAxSoBONI9SGHpM8NpYEHQm-uD4Xx0mxlNco3hieAQSiBDIfAQZtj04JSqk21N493WWDHL_x4m1YAUezjMw7ArdQ9GsGVOCKSheUWzlBlq32lGWU61EI8ZuyhQwjY/s1600/digg.png' title='Share on Digg'/></a>
</p></center></b:if>
- Save Your Template.
- Say Bingo and You are Done.
hi admin of this site i need this site template please email me here : aqibshahzad111@gmail.om
ReplyDeleteI use only Chroncl template.You can get from this blog for free!!
Delete@ Durai Sankar
ReplyDeleteI'm honored that you shared it on your site.
Thanks & Regards,
Hemant Verma
thank you verma for your post.Keep sending new posts!!!
Deletethanks for this. do you know how I can make this so that the share buttons show up on the main page of the blog, instead of only when clicking on an individual post? I've been searching around google for ages on how to do this and it's driving me noots.
ReplyDeleteReplace below codes in the giving above codes.
Delete1. <b:if cond='data:blog.pageType == "item"'>
2. </b:if>
and also add this widget in the HTML/JavaScript Widget.
Nice pOst i like this. Hope this site do best
ReplyDeleteBy
http://www.scriptjabbers.com/
it is really my hornor to have a view at your blog,it is really good. RS Gold Cheap Diablo III items
ReplyDeleteThanks for your beautiful tutorial.
ReplyDeleteHow can i add code box like this blog?
Great Working Thanks For providig this post...!
ReplyDeletehttp://www.wallpappersc.blogspot.com/