Showing posts with label SHARE BUTTONS. Show all posts
Showing posts with label SHARE BUTTONS. Show all posts

How To Add Animated Flying Twitter Man Latest Widget to Blogger

 

  • Go To Blogger.com >> Layout >> Add a Gadget.
  • Then Within the list of gadgets select HTML/JavaScript.
  • Now Just Paste the Following Code there.
  • <script type="text/javascript" src="http://mybloggerlab.com/Scripts/Man.js"></script><script type="text/javascript">
  • var twitterAccount = "pratikclimbani";
  • tripleflapInit();
  • </script>
  • Now Doneeeeeeeeeeeeeeeeeeee
Flying Twitter Cute bird New !!!

How To Add 3D Social Icons With Rotate Spin Effect To Wordpress And Blogger Latest

3D Social Icons With Css Rotate 
1. GO TO BLOGGER  
2.DESIGN
3.ADD GADGET
4.HTML/JAVA SCRIPT
5.ADD BELOW CODE










<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGAVpxWMpwISbIuuCgJiWaFkp58RSvSRMJ4Y0yzTmh04dUmVpr2n-T3SKnNulT8V-EerVPHhgiNUpQXnhHc0cB_Xerv34-goaXWKiC94uiZi_YCmcCmT7oACFX12k5eZOBII3mA8Ch_NsA/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPsag7GUBkpObd_7pwstPPhlUn0F6jHiDt6oBL-oUy3PsxFaLUZl9eidWmn2C_timmKLly8TxXQi5wWdq9e1tOlOvDa5JGxqyGxeiig2XNV85yAiozY98dYsweZK8Ov1spcakfRWHKeq8I/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP0inT1y8vwWGtBSvBVYroZVFvelMCpEcfhK3jGKQdZ9Mg17Ua6M7jmPuEPZQ2kQwhyphenhyphenUZF5L-G4SDECWgNcqR8U7DRAkBZNIbDLel9peqUNy58LpXp0Y_p9zq7NXz83OsC75CYdqYrVPku/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0y5qTYTSuyZ3T893ppCdCP5ctQGeVJ8uWOhIo_nRAPpTt06AQBJrWEWKR6_7JUV0kl7uxxKZ6xX8vERwLVHp_wbnA_bZJhaRPWiUbbJ6MZ5DdJ_eoJZJ25BWikbDPBlsCR2tXROVmz-4K/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmpxBX2nnb5Mz5r-Q3qzDDV3ElGgoWiOkCCSAHKhAIjMF1FHy915LY4t-iIpYxqIhtbmJscu8kCUspNX7KYo4hP2Gxi6KcDz02WcQ-2HJTj7RfMIgPSd2J4RVnPvVFwp63uDbeC_wJtk3/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRzqIz-SRYWfUNH2YVFUaoPamP6eHSCgadyUrpofVzCNpt-vlj_eoo581VNrEvtvfVyoI476Y2t9j2cAgTvuGcdM3kjINyEh0o3YkxxdZo1ySnqRzV3u04WPFO9x3xWXBOQOcKyUxlFGa9/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>

How To Add The Code For Default Unofficial New ReTweet Button Latest

how add retweet button to blogger



 Sign in to Your Blogger Dashboard --> Template(Under more options) --> Edit HTML(and Proceed) ( Expand Widget Templates ) find the code (using ctrl+F) <data:post.body/> and paste any one code, such as,  just before the <data:post.body/> code. It will show your retweet button button to the upside of the content area and if you want to show your retweet button below to your post content paste your code to below <data:post.body/> and finally click on Save.



<div style='float:right; padding: 4px;'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your_twitter_user_name&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>  


Now Enjoyyy !!!

DO YOU WANTS FLYING TWITTER BIRD NEW !!! CLICK HEAR

Force Your Website/Blog Visitor by adding pro Top email subscription form Latest 2012

  •  
  •  
  •  
  •  
  •  
  •  
  • Go to Blogger >> Template >> Edit HTML.
  • Expand Widgets Template and find ]]></b:skin>
  • Put the content in the StyleSheet file just above that.
  • In the Zip file that you've downloaded, you will find a text file named "HTML". In that file find "mybloggertips" and replace that with your own feedburner id. (It would appear twice)
  • Now look for <data:post.body/>
  • Place the content of the HTML file just below that.
  • Save your Template!
Now check your blog and see the professional email subscription widget designed by My Blogger Tips in action! If you've any question, post'em below! More Surprising stuff is on it's way, Stay tuned!

Premium Advanced New Social Media Widget For Website/Blog Latest 2012

Advanced Social Media Widget For Blogger-Wordpress Plugin 
Go to Layout.In the sidebar add a gadget choose HTML/Javascript and paste this below code
<style>*/
Plugin Name: Advanced Social Widget For Blogger
Plugin URI: http://www.softechnogeek.com/2012/07/Advanced-Social-Media-Widget-For-Blogger-Wordpress-Plugin.html
Description: Adds an Advanced widget box to your sidebar giving users to link your site to all the popular Social Networking sites such as Delicious,Twitter,Facebook,StumbleUpon,Pinterest,LinkedIn and access to Feedburner Email Subscription.
Version: 1.3
Author: Shree Madhan
Author URI: http://www.softechnogeek.com
License: Sold exclusively on Softechnogeek
*/
/* Advanced SOCIAL WIDGET */
div#advancedsocialwidget,div#advancedsocialwidget ul,div#advancedsocialwidget ul li,div#advancedsocialwidget ul li img,div#advancedsocialwidget ul li span,#advancedsocialwidget ul li a{background:none;border:none;margin:0;padding:0}
div#advancedsocialwidget{font-family:inherit;background:#fefefe url() repeat-x;width:100%;border:1px solid #ddd!important;font-size:90%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 0 10px!important;padding:5px 2px 18px!important}
div#advancedsocialwidget h3{font-size:inherit;text-shadow:0 1px 0 rgba(255,255,255,.5);margin:0!important;padding:2px 0 5px 10px !important}
#newsletter{text-align:center;margin:0 auto 10px!important;padding:0!important}
.newsletter input{-moz-border-radius-topleft:3px!important;-moz-border-radius-topright:0!important;-webkit-border-top-left-radius:3px!important;-webkit-border-top-right-radius:0!important;-moz-border-radius-bottomleft:3px!important;-moz-border-radius-bottomright:0!important;-webkit-border-bottom-left-radius:3px!important;-webkit-border-bottom-right-radius:0!important;-webkit-font-smoothing:antialiased;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;background:0 color-stop(.25,#FFF));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE',EndColorStr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#FFFFFF')";border:1px solid #CCC;color:#666!important;height:18px!important;font-size:11px!important;line-height:18px!important;vertical-align:top;margin:5px 0 0!important;padding:4px!important}
.newsletter input:focus,.newsletter input:active{background:#fafafa}
.newsletter button{vertical-align:top;height:28px!important;line-height:18px!important;text-align:left;width:auto;-moz-border-radius-topright:3px!important;-moz-border-radius-topleft:0!important;-webkit-border-top-right-radius:3px!important;-webkit-border-top-left-radius:0!important;-moz-border-radius-bottomright:3px!important;-moz-border-radius-bottomleft:0!important;-webkit-border-bottom-right-radius:3px!important;-webkit-border-bottom-left-radius:0!important;background:#4b88a0;background-image:0;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;font:bold 11px Arial, Helvetica!important;color:#fff;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.2);border-color:#75a1b2 #4b88a0 #38677a;border-style:solid;border-width:1px;margin:5px 0 0!important;padding:4px!important}
.newsletter button:hover{background:#75a1b2;background-image:0;cursor:pointer}
.newsletter button:active{background:#89C9E2;outline:none;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset}
div#advancedsocialwidget .textwidget img{border:0}
div#advancedsocialwidget .textwidget .tfsubscribelink{text-align:center!important;position:relative;margin:5px auto!important}
div#advancedsocialwidget .textwidget .rssicon{width:21px;height:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -176px 0;margin-bottom:30px;padding:5px 20px 7px 0}
div#advancedsocialwidget .textwidget .rssicon a,div#advancedsocialwidget .textwidget .rssicon a:hover{text-decoration:none}
div#advancedsocialwidget .textwidget .socialfollow{text-align:center;width:245px;margin:10px auto}
div#advancedsocialwidget .textwidget .rsssubscribelink{display:block;text-align:center;margin:0 auto 5px;padding:0}
div#advancedsocialwidget .textwidget a.rsslink{text-decoration:none;font-weight:700!important;font-family:inherit}
div#advancedsocialwidget .textwidget a.rsslink:hover{text-decoration:underline}
div#social_icons{float:left;width:100%;background:#fff;position:relative}
div#social_icons ul{clear:left;float:left;list-style:none;position:relative;left:50%;text-align:center;margin:0!important;padding:0!important}
div#social_icons ul li{display:block;float:left;list-style:none;position:relative;right:50%;margin:0 0 0 1px !important;padding:3px 10px!important}
div#social_icons ul li span{display:block;color:#444!important;font-size:8px;border:none;padding:40px 0 2px!important}
div#social_icons ul li:first-child span{margin-left:-2px}
div#social_icons ul li:last-child span{margin-left:-10px}
div#social_icons .subscribe_delicious a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -76px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_twitter a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat 0 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_stumbleupon a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -101px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_google a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -50px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_facebook a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -25px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_pinterest a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -126px 0;font-family:inherit;color:inherit}
div#social_icons .subscribe_linkedin a{width:24px;height:24px;text-decoration:none;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLom4_UhLdNjGUBRIvOuCWIma5tEbbI6OqF_bPejXPrbRcyLTm60zCUjVAmQVTjdYuQa7w0XciY5-nySkxyUacsZv19_lBbx4Tj8_t7SumnEITbruPpKYPnk7wvSHHBctUOG-ZG6NaYf_/s1600/advsoc_widget_main_24.png) no-repeat -151px 0;font-family:inherit;color:inherit}
.tipsy{font-size:10px;opacity:0.8;filter:alpha(opacity=80);background-repeat:no-repeat;background-image:url(../images/tipsy.gif);padding:5px}
.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 8px 4px}
.tipsy-north{background-position:top center}
.tipsy-south{background-position:bottom center}
.tipsy-east{background-position:right center}
.tipsy-west{background-position:left center}
.clear{clear:both}
</style>
<div id="advancedsocialwidget" style="width:270px !important">
<h3>Subscribe for latest updates</h3>
<div class="textwidget">
<div id="newsletter">
<form action="http://feedburner.google.com/fb/a/mailverify" class="newsletter" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=wpinsite', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" name="uri" value="YOUR-FEEDBURNER-ID" />
<input type="hidden" name="loc" value="en_US" />
<input name="email" id="newsletter-text" type="text" maxlength="100" style="width:160px !important" value="" class="" /><button type="submit" id="newsletter-button">Subscribe</button>
</form>
</div><!-- End newsletter -->
<div class="rsssubscribelink">
<a title="Subscribe to RSS Feed" href="http://feeds.feedburner.com/wpinsite" class="rssicon"></a> &nbsp;<a class="rsslink" href="http://feeds.feedburner.com/YOUR-FEEDBURNER-ID">Subscribe to RSS Feed</a>
</div>
<div class="socialfollow">
<div id="___plusone_0" style="height: 20px; width: 90px; display: inline-block; text-indent: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial; "><iframe allowtransparency="true" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 20px; width: 90px; position: static; left: 0px; top: 0px; visibility: visible; " tabindex="0" vspace="0" width="100%" id="I0_1341141889671" name="I0_1341141889671" src="https://plusone.google.com/_/+1/fastbutton?bsv=pr&amp;url=http%3A%2F%2Fwww.YOUR-WEBSITE-URL.com%2F&amp;size=medium&amp;count=true&amp;origin=http%3A%2F%2Fwww.wpinsite.com&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fgapi%2F__features__%2Frt%3Dj%2Fver%3DVZZqGbh13DI.en_GB.%2Fsv%3D1%2Fam%3D!0Tt3uNrLr0Coc6egjA%2Fd%3D1%2Frs%3DAItRSTNEDiY6r3yiw7M_70-BLTWIV1YUXw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart&amp;id=I0_1341141889671&amp;parent=http%3A%2F%2Fwww.wpinsite.com" title="+1"></iframe></div> <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/YOUR-FACEBOOK-ID&amp;layout=button_count&amp;show_faces=false&amp;width=40&amp;action=like&amp;font=&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowtransparency="true"></iframe> <div class="tfsubscribelink">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1340179658.html#_=1341141886240&amp;id=twitter-widget-12&amp;lang=en&amp;screen_name=YOUR-TWITTER-ID&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button" style="width: 95%; height: 20px; " title="Twitter Follow Button"></iframe>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="clear" style="margin-bottom:5px;"></div>
<div id="social_icons">
<ul>
<li class="subscribe_delicious" style="padding:0 4px !important"><a id="subscribe_delicious" href="http://delicious.com/post?url=http%3A%2F%2Fwww.YOUR-WEBSITE-URL.com&amp;title=WPInsite" class="fade" target="_blank" style="opacity: 1; " original-title="Bookmark WPInsite on Delicious"></a></li>
<li class="subscribe_twitter" style="padding:0 4px !important"><a id="subscribe_twitter" href="http://twitter.com/YOUR-TWITTER-ID" class="fade" target="_blank" style="opacity: 1; " original-title="Follow wpinsite on Twitter"></a></li>
<li class="subscribe_facebook" style="padding:0 4px !important"><a id="subscribe_facebook" href="http://www.facebook.com/YOUR-FACEBOOK-ID" class="fade" target="_blank" style="opacity: 1; " original-title="Visit the WPInsite Facebook Page"></a></li>
<li class="subscribe_google" style="padding:0 4px !important"><a id="subscribe_google" href="https://plus.google.com/u/1/YOUR-GOOGLE-PLUS-ID" class="fade" target="_blank" style="opacity: 1; " original-title="Visit the WPInsite Google+ Page"></a></li>
<li class="subscribe_stumbleupon" style="padding:0 4px !important"><a id="subscribe_stumbleupon" href="http://www.stumbleupon.com/submit?title=WPInsite&amp;url=http%3A%2F%2Fwww.YOUR-WEBSITE-URL.com" class="fade" target="_blank" style="opacity: 1; " original-title="Recommend WPInsite on StumbleUpon"></a></li>
<li class="subscribe_pinterest" style="padding:0 4px !important"><a id="subscribe_pinterest" href="http://www.pinterest.com/YOUR-PINTEREST-ID" class="fade" target="_blank" style="opacity: 1; " original-title="Follow me on Pinterest"></a></li>
<li class="subscribe_linkedin" style="padding:0 4px !important"><a id="subscribe_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.YOUR-WEBSITE-URL.com" class="fade" target="_blank" style="opacity: 1; " original-title="Submit post to LinkedIn"></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="clear" style="margin-bottom:10px;"></div>
<div style="margin:auto; text-align:center; margin-bottom:0 !important; padding-bottom:0 !important"><a href="
http://www.softechnogeek.com/2012/07/Premium-Advanced-Social-Media-Widget-For-Blogger-Wordpress-Plugin.html
">Get this widget</a></div>
</div>
If you need any customization and facing any problem let me know in the comments

New Latest Mashable Pop up Subscrib Box FOw Wbsite/Blog 2012

Add-mashablesubscribebox-bloggerandwordpress 
Go To Blogger >layout >Design
blogger-layout-addanelement
Click on add a gadget and choose HTML/JavaScript and add it.
choosehtmljavascript-blogger-gadget

<style>

/* 

ColorBox Core Style: 

The following CSS is consistent between example themes and should not be altered.

*/ 

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 

#cboxOverlay{position:fixed; width:100%; height:100%;} 

#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 

#cboxContent{position:relative;} 

#cboxLoadedContent{overflow:auto;} 

#cboxTitle{margin:0;} 

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 

.cboxPhoto{float:left; margin:auto; border:0; display:block;} 

.cboxIframe{width:100%; height:100%; display:block; border:0;} 

/*



User Style: 

Change the following styles to modify the appearance of ColorBox. They are 

ordered & tabbed in a way that represents the nesting of the generated HTML. 

*/ 

#cboxOverlay{background:#000;opacity:0.5 !important;} 

#colorbox{ 

box-shadow:0 0 15px rgba(0,0,0,0.4); 

-moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 

-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 


#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDv0p63DM1ZOSsS8McIvpJaHuJ-nhc6o6SOo5vgnytBBkUvWXgSsJbOn2Zax4CVTDcrD2nODu5G2IAxweYnl_2Jk6744CVXUIT9ojPyTo0rKrMEv9ZzOGWnLt3aeAmh-Y7Ajne2v8YUEQ/s400/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDv0p63DM1ZOSsS8McIvpJaHuJ-nhc6o6SOo5vgnytBBkUvWXgSsJbOn2Zax4CVTDcrD2nODu5G2IAxweYnl_2Jk6744CVXUIT9ojPyTo0rKrMEv9ZzOGWnLt3aeAmh-Y7Ajne2v8YUEQ/s400/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0w1Q1cgsGVswZoiwU8evsz_Dup6nw9hExz2UC3xo1NaklDevebfiMABPvZGVYSg56pWyKgH02DH6BdbDFJa0wGOPXa1zmxMIX1Zl71GPX-ZR1RgOY5mAyT7kCw3l0UtlCKWV9YuCeq4/s400/loadingbackground.png) no-repeat center center;}
#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_hiT2INkWCkRm7daqzOPx9pC0Ltvy_v3fTGX8BU1lwYZqORxiSt6ecNXjzrXqMEx6DepkzCsdiKw_w8P4fVni6HWs5Ww5ChgJxH79glkVhGH5Ezl3vD9oCQ-gmRZUwDaz1v6IMhVbdY/s400/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWQWI7s12bwTYb_T_nOL_gL7jYjEtWGdElNJRNyUk577GfGj7S5cq2kU0tmKTzE3V9AnBZwYK8mEB10n58bRhQFZUEah1q7SZT_9rcQm6qmKF951UOu_w5ZKkx-axODhyphenhyphenIv-M39Ok65g/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger 

/*-----------------------------------------------------------------------------------*/ 

#subscribe { 

font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 


#subscribe a, 

#subscribe a:hover, 

#subscribe a:visited { 

text-decoration:none; 


.box-title { 

color: #F66303; 

font-size: 20px !important; 

font-weight: bold; 

margin: 10px 0; 

border:1px solid #ddd; 

-moz-border-radius:6px; 

-webkit-border-radius:6px; 

border-radius:6px; 

box-shadow: 5px 5px 5px #CCCCCC; 

padding:10px; 

line-height:25px; font-family:arial !important; 


.box-tagline { 

color: #999; 

margin: 0; 

text-align: center; 


#subs-container { 

padding: 35px 0 30px 0; 

position: relative; 


a:link, a:visited { 

border:none; 


.demo { 

display:none; 


</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> 

<script src="http://sidharth12.googlecode.com/files/jquery.colorbox-min.js"></script> 

<script type="text/javascript"> 

jQuery(document).ready(function(){ 

if (document.cookie.indexOf('visited=true') == -1) { 

var fifteenDays = 1000*60*60*24; 

var expires = new Date((new Date()).valueOf() + fifteenDays); 

document.cookie = "visited=true;expires=" + expires.toUTCString(); 

$.colorbox({width:"400px", inline:true, href:"#subscribe"}); 


}); 

</script> 

<!-- This contains the hidden content for inline calls --> 



<div style='display:none'> 

<div id='subscribe' style='padding:10px; background:#fff;'> 

<style> 

/* Social Widget */ 

#MBT-mashable-bar { 

border: 0; 

margin-bottom: 10px; 

margin: 0 auto; 

width:300px; 


.fb-likebox { 

background: #fff; 

padding: 10px 10px 0 10px; 

border: 1px solid #D8E6EB; 

margin-top: -2px; 

height:80px; 


.googleplus { 

background: #F5FCFE; 

border-top: 1px solid #FFF; 

border-bottom: 1px solid #ebebeb; 

border-right: 1px solid #D8E6EB; 

border-left: 1px solid #D8E6EB; 

border-image: initial; 

font-size: .90em; 

font-family: "Arial","Helvetica",sans-serif; 

color: #000; 

padding: 9px 11px; 

line-height: 1px;} 

.googleplus span { 

color: #000; 

font-size: 11px; 

position: absolute; 

display:inline-block; 

margin: 9px 70px;} 

.g-plusone { float: left;} 

.twitter { 

background: #EEF9FD; 

padding: 10px; 

border: 1px solid #C7DBE2; 

border-top: 0;} 

#mashable { 

background: #EBEBEB; 

border: 1px solid #CCC; 

border-top: 1px solid white; 

padding: 2px 8px 2px 3px; 

text-align: right; 

border-image: initial;} 

#mashable .author-credit {} 

#mashable .author-credit a { 

font-size: 10px; 

font-weight: bold; 

text-shadow: 1px 1px white; 

color: #1E598E; 

text-decoration:none;} 

#email-news-subscribe .email-box{ 

padding: 5px 10px; 

font-family: "Arial","Helvetica",sans-serif; 

border-top: 0; 

border-right: 1px solid #C7DBE2; 

border-left: 1px solid #C7DBE2; 

border-image: initial; 

height:35px;} 

#email-news-subscribe .email-box input.email{ 

background:#FFFFFF; 

border: 1px solid #dedede; 

color: #999; 

padding: 7px 10px 8px 10px; 

-moz-border-radius: 3px; 

-webkit-border-radius: 3px; 

-o-border-radius: 3px; 

-ms-border-radius: 3px; 

-khtml-border-radius: 3px; 

border-radius: 3px; 

border-image: initial; 

font-family: "Arial","Helvetica",sans-serif;} 

#email-news-subscribe .email-box input.email:focus{color:#333} 

#email-news-subscribe .email-box input.subscribe{ 

background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 

background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); 

background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 

-pie-background: linear-gradient(270deg,#ffca00,#ff9b00); 

font-family: "Arial","Helvetica",sans-serif; 

border-radius:3px; 

-moz-border-radius:3px; 

-webkit-border-radius:3px; 

border:1px solid #cc7c00; 

color:white; 

text-shadow:#d08d00 1px 1px 0; 

padding:7px 14px; 

margin-left:3px; 

font-weight:bold; 

font-size:12px; 

cursor:pointer; 

border-image: initial;} 

#email-news-subscribe .email-box input.subscribe:hover{ 

background: #ff9b00; 

background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); 

background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); 

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);

outline:0;-moz-box-shadow:0 0 3px #999; 

-webkit-box-shadow:0 0 3px #999; 

box-shadow:0 0 3px #999 

background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); 

background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); 

-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); 

border-radius:3px; 

-moz-border-radius:3px; 

-webkit-border-radius:3px; 

border:1px solid #cc7c00; 

color:#FFFFFF; 

text-shadow:#d08d00 1px 1px 0} 

#other-social-bar { 

background-color: #D8E6EB; 

box-shadow: 0 1px 1px #FFFFFF inset; 

padding: 0px; 

font-family: "Arial","Helvetica",sans-serif; 

font-weight:bold; 

overflow: hidden; 

border: 1px solid #B6D0DA; 

height:37px; 


#other-social-bar ul {list-style: none outside none; padding-left: 4px;} 

#other-social-bar .other-follow { 

float: left; 

color:#1E598E; 

overflow: hidden; 

height:20px; 

padding:5px; 

width: 270px;} 

#other-social-bar .other-follow ul { 

list-style: none outside none; 

padding-left: 4px;} 

#other-social-bar .other-follow ul li { 

font-size: 12px; 

font-weight: bold; 

display:inline; 

border:0; 

text-shadow: 1px 1px white;} 

#other-social-bar .other-follow ul li a { 

font-size: 12px; 

color:#1E598E; 

font-weight: bold; 

display:inline; 

text-shadow: 1px 1px white;} 

#other-social-bar .other-follow li { 

font-size: 12px; 

font-weight: bold; 

display:inline; 

border:0; 

text-shadow: 1px 1px white;} 

#other-social-bar .other-follow li a { 

font-size: 12px; 

color:#1E598E; 

font-weight: bold; 

display:inline; 

text-shadow: 1px 1px white;} 

#other-social-bar .other-follow li.my-rss { 

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdOICHj6vlPVN4K2sCiF3HB7MZFBZOMTmg_2XvPqVtY0EHIaocxPx3LJtEhQW0KV3lMYI7QDbyd8DGBl8buNlleApSlrqXdAxAxDEA89_Aq_9DOaRBaQlfCt_uXVq1kR7S7HLjbbVN7E/s400/rss-16x16.png') no-repeat transparent; 

line-height: 1; 

padding: 0px 3px 1px 20px; 

width: 60px; 

margin-bottom:0px; 

margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{ 

text-decoration:none; 

}

#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ 

text-decoration:underline; 

}

#other-social-bar .other-follow li.my-linkedin { 

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBWq0BzRv1TsAF0Q5j0kV9L-t2rif-pInGY7zWJepFWvqMtwy6RBmISbxxuC150cotVYZYcv-I9FwSNyW0WqGK98qlSU8UDvOg6qu_PExrJsdmJ51V62ICdu4sygLgjj3RsnKyezctSM/s400/linkedin-16x16.png') no-repeat transparent; 

line-height: 1; 

padding: 0px 3px 1px 20px; 

width: 60px; 

margin-bottom:0px;} 

#other-social-bar .other-follow li.my-gplus { 

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDMaSXqAnw8qJbGZgQFAI0pfrz7Ov8UY71xm0WQxdHH9FRBU5wDH5M45WscL3ElkXpdEOeCu8VFKIzg3RFPW1ptYJ2Lx46mM3bP6g6NYbuzyuaxjWED9MdRDXWxbFq8wzyqDKfNEEAKX0/s400/gplus-16x16.png) no-repeat transparent; 

line-height: 1; 

width: 60px; 

padding: 0px 3px 1px 20px; 

margin-bottom:0px;}



</style>



<!--[if IE]>

<style> 

#email-news-subscribe .email-box input.subscribe{ 

background: #FFCA00; 


</style>

<![endif]-->



<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/Softechnogeek/288154374528988&amp;send=true&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;

font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;

align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;

lang=en&amp;link_color=&amp;screen_name=softechnogeek&amp;show_count=&amp;

show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box">

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=softechnogeek', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 

<input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" /> 

<input type="hidden" value="NewTricksNTips" name="uri" /> 

<input type="hidden" name="loc" value="en_US" /> 

<input class="subscribe" name="commit" type="submit" value="Subscribe" /> 

</form> 

</div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/softechnogeek" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="http://in.linkedin.com/pub/softechno-geek/40/45b/992" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="https://plus.google.com/u/0/115025878684810758612" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://softechnogeek.blogspot.com/" target="_blank" title="Blogger Widget">Blogger Widget »</a></span></div></div>

<!-- End Widget --> </div> <!--end of social widget-->

</div> 

</div>
Copy paste the code into the HTML/JavaScript into it and save it. 
copypaste-code-blogger-saveit

How to Fix Like or Share on Facebook Not Showing Post Description Latest 2012



Now there are three solutions to fix this problem. You can do one of the following to solve this issue.

Option 1: Adding Post Snippet Description


1.
Go to Dashboard > Design > Edit HTML.
2.
Back up your template.
3.
Tick the  Expand Widget Templates check box on top right of the HTML window.
4.
Look for the following line in your HTML code:
<data:post.body/>
5. Add the code below right before that line:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
6. Save Template

Option 2: Adding Paragraph <p> Tag


There are two ways to add paragraph tags. One is manually and other other is automatically which will be added to all your previous and upcoming posts.


1.
Manually enclose the first paragraph of your post in the tag.  You need to do this every time you write a new post, using post editor’s HTML mode. To make the tag count, make sure you put at least 120 characters inside the tag:
<p>FIRST PARAGRAPH OF YOUR POST</p>

2
. Add the tag into your template.
  • Go to Blogger’s Dashboard > Design > Edit HTML tab and check “Expand Widget Template”.
  • Find <data:post.body/> and add the <p> tags as shown below:
<p><data:post.body/></p>

3
. Use Windows Live Writer to write your post. WLW will automatically attach a <p> tag to each paragraph as you write your post.

Option 3: 


If the two options above doesn't work, let's combine the two ways. Add Post Snippet Description and Manually enclose the first paragraph of your post in the tag.


According to Facebook, it scrapes your page every 24 hours to ensure the description (and other share data) are up to date. However, you can manually refresh it by entering the post URL into the
Facebook URL Linter.

List Of Top 10 Blogger Widgets of Latest 2012


In 2012 I have published/shared many great blogger widgets but as per new posts are coming they are going back and many of you are missing such great widget thats why I have decided to write today's post and I have collected some great blogger widgets for you.I hope all of you will surely like them :)

1. jQuery Popup For Facebok Like Box (V5)



2. Static Pop Out Facebook Likebox (V2)



3. Custom Facebook Like Box (V5)



4. Pinterest Pin It Buttons



5. Custom Facebook Like Box (V4)



6. Beautiful Social Sharing Widget Just Below Of Blogger Posts



7. Slide Out Social Bookmarking Gadget



8. Popup Email Subscription Form



9. Updated Mashable Style Widget



10. TechCrunch Style Widget


Most Viewed Cool Social Media Sharing Touch Me Widget Latest 2012

  1. Social Media Sharing Touch Me Widget 
  2. Go to Blogger Dashboard > Layout
  3. Select Add a Gadget
  4. Select HTML/JavaScript
  5. Copy and paste the code below
 <style>
/*--------B2W Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://blogshelper.blogspot.in.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<div class='touchme'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a>
</div>
 
Note: Change YOUR RSS LINK with your Feed burner link, YOUR GOOGLE PROFILE LINK with your Google+ URL, YOUR FACEBOOK LINK with your Facebook URL, TWITTER LINK with your Twitter URL.
5. Save.

 

Sharing Button for Blogger / Social Network Buttons for Website Latest 2012

Login Blogger > Design > Page Elements > Edit HTML > Expand Widget Templates
2) Press Ctrl+F and find this <data:post.body/><style>

/*--------Flipper Sharing Widget ------*/
.flipper a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWi-af2tDLc975Gj2WaqcyUV5108r42ZWo1P2tcNBU2PPClKo-xO1x7MoiQwyAYGgjOPLmWMlBduvD8POQIPNGQHGNVrR4fwDrukiEv0MFevOUOa8c5gi1M-RjGrdmpfdbeM7PUxnoLNvK/s1600/flipper.png) no-repeat;
-webkit-transition: ease-in 0.15s all;
-moz-transition: ease-in 0.15s all;
-o-transition: ease-in 0.15s all;
-ms-transition: ease-in 0.15s all;
transition: ease-in 0.15s all;
cursor:pointer;
}

.flipper a.googleplus {

background-position: 0px -348px;
}
.flipper a.googleplus:hover {
background-position: 0px -406px;
}

.flipper a.pinterest {

background-position: 0px -464px;
}
.flipper a.pinterest:hover {
background-position: 0px -522px;
}

.flipper a.delicious {

background-position: 0px 0px;
}
.flipper a.delicious:hover {
background-position: 0px -58px;
}
.flipper a.digg {
background-position: 0px -116px;
}
.flipper a.digg:hover {
background-position: 0px -174px;
}
.flipper a.stumbleupon {
background-position: 0px -812px;
}
.flipper a.stumbleupon:hover {
background-position: 0px -870px;
}
.flipper a.technorati {
background-position: 0px -928px;
}
.flipper a.technorati:hover {
background-position: 0px -406px;
}
.flipper a.twitter {
background-position: 0px -928px;
}
.flipper a.twitter:hover {
background-position: 0px -986px;
}
.flipper a.facebook {
background-position: 0px -232px;
}
.flipper a.facebook:hover {
background-position: 0px -290px;
}
.flipper a.reddit {
background-position: 0px -580px;
}
.flipper a.reddit:hover {
background-position: 0px -638px;
}
.flipper a.rss {
background-position: 0px -696px;
}
.flipper a.rss:hover {
background-position: 0px -754px;
}

.Pleaseshare{

margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:20px;
font-family:sans-serif;
}
</style>

<div class='flipper'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="Pleaseshare">
Please Share it! :) </div>

<!--Google Plus-->

<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>

<!--Facebook-->

<a class='facebook' 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' title='Share this on Facebook :&gt;'/>

<!-- Twitter -->

<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>

<!-- Pinterest -->

<a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>

<!-- Delicious -->

<a class='delicious' 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' title='Add this to Delicious :&gt;'/>

<!--DIGG-->

<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' 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' title='Stumble this :&gt;'/>

<!-- Reddit -->

<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Bookmark plz :&gt;'/>
</b:if></div>
<div style="clear:both"/>
You can remove the button that you don't want to show up. Find the code just like below and delete it. Example below is Delicious.
 
<!-- Delicious -->
<a class='delicious' 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' title='Add this to Delicious :&gt;'/>

How to Get Change Blog Into DoFollow Latest 2012

 
1. Log in to your blogger account
2. Go to Design>>>Edit HTML
3. Thick Expand Widget Templates
4. Find this code : rel='nofollow' 
5. Then delete nofollow
6. Save it

Twitter Sharing widget flying bird 2012

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for </body>
  4. And just above it paste the code below
       <script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
    </script>
    <script type='text/javascript'>

    var twitterAccount = &quot;YourBloggerTricks&quot;;
    var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
    tripleflapInit();
    </script>


    Replace yourBloggerTricks with your twitter account username.
        6.  Save your template and you are done!
        7.   View your blog to see it flying. :)

Latest Facebook Like Button 2012


  1. Go to Blogger Dashboard > Design > Edit HTML
  2. First take a backup of your template
  3. Tick the expand widget check box
  4. Find for below code in your template  
<data:post.body/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

Latest Social Sharing Icons Sticky Bar for blogger 2012

  1. Go to Blogger Dashboard > Template
  2. Download a copy of your template
  3. Click on Edit HTML
  4. Hit Proceed
  5. Find for below code,


<body>

Note - If you are using default blogger templates then search for <body tag.Watch video below for exact information.


add below code just
below of above code,

<div id='HB-Bar-Container'>
<div id='HB-Bar-Content'>
<ul id='HB-Bar-Left'>
<li class='Home'> <a href='http://www.helperblogger.com/'>Home</a> </li>
<li class='Share'> <div id='share-top'>
<ul>
<li> <a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a> </li>
<li> <g:plusone size='medium'></g:plusone> </li>
<li> <div class='fb-like' data-font='verdana' data-layout='button_count' data-send='false' data-show-faces='false'>
</div></li></ul>
<div style='clear:both;'></div></div></li>
</ul>
<ul id='HB-Bar-Right'>
<li class='Subscribe'> <div class='HB-email'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=HBlogger&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' style='padding:3px;text-align:center;' target='popupwindow'>
<input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='HBlogger'/><input name='loc' type='hidden' value='en_US'/> <input class='HB-emailsubmit' type='submit' value='Subscribe'/> </form>
<a href="http://www.helperblogger.com/" title="Blogger Widgets" ><img src="http://img1.blogblog.com/img/blank.gif" /></a> </div></li>
<li class='btt'> <a href='#top' title='Back to top'>Slide to Top &#8593;</a> </li>
</ul></div></div>

Latest Facebook Like Box With Timer 2012

  1. Go to Blogger Dashboard > Edit HTML
  2. Download a copy of your template
  3. Hit Proceed button
  4. Now find below code in your template

</body>
 
<style>#fblikepop {
    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}

#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}

#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}

#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}

#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}

#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}

#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}

#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="btsnts",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://code.helperblogger.com/likebox-with-timer.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>