AWESOME FACEBOOK LIKE,STUMBLE,RETWEET & DIGG COUNTER WIDGET FOR BLOGS.

Here's another cool Share-buttons widget for blogs. It's a 4-in-1 share widget with an awesome look and counters.<p>Well,I must confess,this is one of the most widely-used Social-media widget in the Blogosphere.</p><p>It includes the Facebook Like button,Digg Counter button,Stumble and Retweet buttons.</p><img alt="4in1 social share button.jpg" src="http://farm9.staticflickr.com/8455/8031099089_97525504ce_m.jpg"><h2>How To Add These Buttons To Blogger</h2>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:"><b>Blogger.</b></span></a><br />Go to <b><span style="color:red">Template</span></b><b> » </b><span style="color:red">Edit HTML</span> & Check the box next to<br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b>.</span><p>Next,search for <span style="color:red"><font size="6"><data:post.body/></font></span> by hitting <b>CTRL+F.</b><br />Just add the following codes directly <font size="4">above/before</font> it.</p><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><b:if cond='data:blog.pageType ==&quot;item&quot;'> <table border='0'> <tr> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = &quot;compact&quot;; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div></td> <td> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot;+ data:post.url'/> </td> <td><div style='margin-left:35px;'> <script type='text/javascript'> (function() { var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; s.type = &#39;text/javascript&#39;; s.async = true; s.src = &#39;http://widgets.digg.com/buttons.js&#39;; s1.parentNode.insertBefore(s, s1); })(); </script> <a class='DiggThisButton DiggCompact'/> </div></td> <td> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;+ data:post.url +&quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/> </td> </tr> </table> </b:if><br /></div></div><p>That's it. Do not forget to share your testimony with others[If it worked or not].</p>

Here's another cool Share-buttons widget for blogs. It's a 4-in-1 share widget with an awesome look and counters. Well,I must confes...

Baca selengkapnya »

SOCIAL SHARING WIDGET FOR BLOGSPOT.

Previously,I wrote on how to add stylish<a href="http://www.freebie-planet.blogspot.com/2012/05/stylish-open-heart-bookmarking.html" target="_blank">open heart bookmarking widget</a> on blogger& today,I'll be giving some cool sharing widget to integrate on your blog.<p>This widget contains: facebook,twitter,digg,stumble linkedin and technorati buttons which will appear at the buttom of all your posts.<br />Sharing widget as we all know,is very useful on blogs to make it easier for your blog visitors to mention an article on their favourite social site,thereby increasing the number of traffic & obtaining favourable S.E.O on search engines.<h3>HOW TO ADD THE SHARE WIDGET ON YOUR BLOG.</h3>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:"><b>Blogger</b></span></a> » <b><span style="color:red">Design/Layout</span></b><b> » <span style="color:red">Edit HTML</span>.</b><span style="background-color:#ffffcc">[Backup your template in case something goes wrong.]</span><br />Check the box next to<br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span> and search for <span style="color:red"><font size="6"><data:post.body/></font></span> by pressing <b>CTRL+F.</b><p>Now,copy/paste the code below just <font size="6">after</font> <font size="3"><data:post.body/></font>.</p><xmp><b:if cond='data:blog.pageType =="item"'><div style='border:1px solid#E2E2E2;width:100%;position:relative;margin-top:15px;'></div><div style='margin-left:auto;margin-right:auto; width:600px;position:relative;'><div style='color:red;position:relative;top:12px;'><center>If you found this article useful,kindly take 5 seconds to share it!!!</center></div><table align='center' cellpadding='8' cellspacing='1' id='shareit'><tr><td><a class="external" expr:href=""http://www.facebook.com/share.php?u="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Share this on Facebook"><img alt="Share on facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcr6UxX9SzqciejIuORNjMvX-DxVVvFI64IoZLEj2i-ZYJZEelj60gRg8-k6Jtem4F9yHOE-RM3tHpSWgo6nT5X9YSclx9R_oSPSoHNIyYxxjtZfJHKpn0ov21pLcQJChO_4TEmZkjEbY/h120/1.PNG"/></a></td><td><a class="external" expr:href=""http://twitter.com/home?status=Reading:" + data:blog.title +" - " + data:post.url + " (@NAME)"" rel="nofollow" target="_blank" title="Tweet This!"><img alt="Tweet" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKOGFKaABik_Z8zDYV5MVlxNxTvXHv43y7C-5sYrp5FTcqS50ols2P36xmLtGPb6zFt_dzHSvlEcU8Xa5XSvFcr2KYcdWGSXnpe_NBwYagWkMPObtAkrlk7HM0YmaKVaUg_NK5G4wkqsQ/h120/6.PNG"/></a></td><td><a class="external" expr:href=""http://technorati.com/faves?add="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Share this on Technorati"><img alt="Technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVzzqs3z02023jVFKLhgVkxnVatMHeYKHVPxub-nyDIvhhmKA1Vlyui5pbGpSaJuc4Tz3TgJjmklzQAlPTw5KLLQYK0J2sOpztgXPtW73RPGmpMlSTPZcwaw1RPdYG9MCXdmUpEP0a7A/h120/5.PNG"/></a></td><td><a class="external" expr:href=""http://del.icio.us/post?url="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Share this on del.icio.us"><img alt="Delicious!!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjln56HHsTZpjTNcx5sP7aqhnOuFSa8o2L-E_zoaqEGn3F499xQebnbF2h4bYSxQCPvhcM4C_3X9e6YHfWKhyphenhyphencN_Gya-4P9EHhL116lKPfWzPRnHIATsmRdacGB3D2l0sfYCuDMipTdVT0/h120/3.PNG"/></a></td><td><a class="external" expr:href=""http://digg.com/submit?phase=2&url="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Digg this!"><img alt="digg it!!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYG1-SEQcA8ACYgBlLb1EblJOljtp1t-Uy2X6xoJW5hZ5unbuuqht82sdSKANl4pBDt1kswdZpIpzod5tNusZJs9aAhaidusXHL7xRe2FPaqdu_wZsnGjLMPcXkFaNp6_ez3obsfoy_tw/h120/2.PNG"/></a></td><td><a class="external" expr:href=""http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Share this on Linkedin"><img alt="linkedin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSF1zM7romuPs4MchJ9hLXVNQ2tmYhPZA9C-XZ5JhLZb0iaSbMQOVFwokQ0FdmutncEYGV9EArR3GHtsz6hOTkXO_QfWA5V9yGiztjaTiO9LYK4hxWPAI-4qa45rrD6pAO-6zYUBRDbQ/h120/4.PNG"/></a></td><td><a class="external" expr:href=""http://www.stumbleupon.com/submit?url="+ data:post.url +"&title=" + data:post.title" rel="nofollow" target="_blank" title="Stumble upon somethinggood? Share it on StumbleUpon"><img alt="Stumbleupon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXUNkChOJp7JwTKyb6cpuK6coFA6Cyob2Gym66euwWAt_WLXZRb8y2daZ_aZubJdOAcWGY1HpthnZ1nQVcuWXrAvdLsL2iyHOUooInrcLuP4WJsSjoLCMqJtrgYk2Z79400NjNt-F9YU/h120/7.PNG"/></a></td></tr></table></div></b:if></xmp>Next,search for <font size="6">]]></b:skin></font> and paste the codes below directly <font size="6">above/before</font> it.<xmp>#shareit{width:100%px;height:50px;border:0px solid red;position:relative;} #shareit tr td img{width:50px;height:50px;position:relative;}</xmp>DONE!!!.Just preview your blog & <font size="4">save</font> it if there are no errors.

Previously,I wrote on how to add stylish open heart bookmarking widget on blogger& today,I'll be giving some cool sharing widget to...

Baca selengkapnya »

STYLISH OPEN-HEART BOOKMARKING WIDGET/GADGET FOR BLOGSPOT.

This is one of the best bookmarking widget I've come across.<img align="left" alt="openheart.jpg" src="http://farm8.staticflickr.com/7075/7272912266_bb8bbdaf28_t.jpg"><br />The bookmarking widget is made in form of <b>heart</b>like seen in the image above,and whenever you mouse hover it,the heart slides open and several bookmarking buttons such as <b>facebook,twitter,linkedin,stumbleupon,pinterest</b> etc are revealed for your blog visitors to use.<p>You can also <a href="http://www.freebie-planet.blogspot.com/2012/04/add-floating-share-box-to-your-blog.html" target="_blank"><span style="color:red"><b>visit this post</b></span></a> for another method of adding bookmarking widget in floating form.</p><h3>STEPS ON HOW TO ADD THE WIDGET ON YOUR BLOG.</h3>First,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:"><b>Blogger Account.</b></span></a><br />Go to <b><span style="color:red">Design/Layout</span></b><b> » <span style="color:red">Edit HTML</span>.</b><span style="background-color:#ffffcc">[Backup your template in case something goes wrong.]</span><br />Check the box next to<br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span> and search for <span style="color:red"><font size="6"></head></font></span> by pressing <b>CTRL+F.</b><p>On getting that,just copy/paste the code below,directly <font size="4">above/before</font> it.</p><p style="background-color:#ffffcc"><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><br /><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br /><script type='text/javascript'>stLight.options({publisher:&quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script><br /><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/></p>Having done that,the next step is to search for <font size="6"></body></font>[CTRL+F]<br />Now,copy/paste the code below directly <font size="7">above/before</font></body><p style="background-color:#ffffcc"><div style='<span style="background-color:white">position:fixed; bottom:2%;left:2%;</span>'><br /><div class='shareEgg' id='shareThisShareHeart'/><br /></div><br /><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://freebie-planet.blogspot.com/2012/05/stylish-open-heart-bookmarking.html" target="_blank"><span style="color:red">[GET THIS]</span></a></p>Just <b>preview and save</b> your template.<br /><span style="color:red">NOTE:-THIS WIDGET HAS BEEN SET TO BE DISPLAYED AT THE BOTTOM-CORNER OF YOUR BLOG.TO CHANGE IT,PLAY AROUND WITH THE NUMBERS HAVING WHITE BACKGROUND ABOVE TILL YOU'RE SATISFIED.</span><br />That's all.

This is one of the best bookmarking widget I've come across. The bookmarking widget is made in form of heart like seen in the image abov...

Baca selengkapnya »