Search This Blog

27.9.12

1 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.

Well,I must confess,this is one of the most widely-used Social-media widget in the Blogosphere.

It includes the Facebook Like button,Digg Counter button,Stumble and Retweet buttons.

4in1 social share button.jpg

How To Add These Buttons To Blogger

Login to Blogger.
Go to Template » Edit HTML & Check the box next to
Expand Widget Template.

Next,search for <data:post.body/> by hitting CTRL+F.
Just add the following codes directly above/before it.

<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 />

That's it. Do not forget to share your testimony with others[If it worked or not].

3.6.12

0 SOCIAL SHARING WIDGET FOR BLOGSPOT.

Previously,I wrote on how to add stylishopen heart bookmarking widget on blogger& today,I'll be giving some cool sharing widget to integrate on your blog.

This widget contains: facebook,twitter,digg,stumble linkedin and technorati buttons which will appear at the buttom of all your posts.
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.

HOW TO ADD THE SHARE WIDGET ON YOUR BLOG.

Login to Blogger » Design/Layout » Edit HTML.[Backup your template in case something goes wrong.]
Check the box next to
Expand Widget Template and search for <data:post.body/> by pressing CTRL+F.

Now,copy/paste the code below just after <data:post.body/>.

<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="&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url +&quot;&amp;title=&quot; + 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/AVvXsEiFCRdkwAgejaIyJDfQFBcWcDm2_L5qW1sLf4wCixc3YN0GXjgzEcJbaULdULAc3_5w0Fw_z2ZAeYt3KpWuae7zViqezs_vI7i51s8pfqRv0odW4kYbTg5qjH3_FU5zxl8EaOHdItU81Ps/h120/1.PNG"/></a></td><td><a class="external" expr:href="&quot;http://twitter.com/home?status=Reading:&quot; + data:blog.title +&quot; - &quot; + data:post.url + &quot; (@NAME)&quot;" rel="nofollow" target="_blank" title="Tweet This!"><img alt="Tweet" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1ir2lgJf1S35F_bALLdr-QB0Mv-jfjTwWY5n4T8q_S7V0coJisMjuRqNAshkHJGmjr1_R0hn6Z0v8znabR_krOObioaq9fIyCF91qS2DfQU00w7MH1vszi55C5AlGuNV8OJzgt4rnRo/h120/6.PNG"/></a></td><td><a class="external" expr:href="&quot;http://technorati.com/faves?add=&quot;+ data:post.url +&quot;&amp;title=&quot; + data:post.title" rel="nofollow" target="_blank" title="Share this on Technorati"><img alt="Technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKsk-Kzy2r1AoO5M-Zuhb18qB6FBOTow_Z4neVHprIqZubUX8Djymdi6xQUklJ0hEa2DLVEWf5HVSZZPv1IenSS_5XLw7MqD_cRdJWB5iQ-OfT_EhBpcUOO1v4ITOESYSqk0llPmDq94/h120/5.PNG"/></a></td><td><a class="external" expr:href="&quot;http://del.icio.us/post?url=&quot;+ data:post.url +&quot;&amp;title=&quot; + 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/AVvXsEggVjbqGfhHcYuZpSIh2RZv4PCkhPTbYCXzVS33bM8SQ6VvnqPlhWT21zgQheMSEtyuLhI6p2xebxgWm_JyAYFaKSew5nHq1qNqvcRZlYew3DOE6vQYV6jbY-TE8LqMFR4jtyoj8szao_g/h120/3.PNG"/></a></td><td><a class="external" expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url +&quot;&amp;title=&quot; + data:post.title" rel="nofollow" target="_blank" title="Digg this!"><img alt="digg it!!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzoFBrFbImRW2yOmcbnmVCDNj-ioD9znuHrw5RuXaR7ZfUKPQO03IBxXi7FWIe_io9fCCw1W9mOmNrC1RqaxJYBENAnWvZmc31PXQdUjn5O0NB3jbfcqwme55TQlm0dR1m1FpbiT0_67Q/h120/2.PNG"/></a></td><td><a class="external" expr:href="&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url +&quot;&amp;title=&quot; + data:post.title" rel="nofollow" target="_blank" title="Share this on Linkedin"><img alt="linkedin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZwxCa_cCjgD_pFAkvl0m7gHWdIeZVM5MTXdw125HRoap2gCRCw2aKgqjYfqPHWZeGqYosx2XJRySqovUWqeBlCg-n_NB3x8ocY9pKonJcaWVAaFWNMogHTcJAYHwNdm6Oygfq5JnBDE/h120/4.PNG"/></a></td><td><a class="external" expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url +&quot;&amp;title=&quot; + 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/AVvXsEhGrmdXV6LVZFBhOPWBCv5E_ewegk8-QwApkf8uKJBsLTSAVCvSprL9zDZ9BlHdLIlZdVRxEOeGOehUHtMzem37BItk2cD0I1UJd7z9px6kfITqCW6GqQFBOST3ukjP_3qvxEAOcAbkfgE/h120/7.PNG"/></a></td></tr> </table></div></b:if>Next,search for ]]></b:skin> and paste the codes below directly above/before it.#shareit{width:100%px;height:50px;border:0px solid red;position:relative;} #shareit tr td img{width:50px;height:50px;position:relative;}DONE!!!.Just preview your blog & save it if there are no errors.

26.5.12

0 STYLISH OPEN-HEART BOOKMARKING WIDGET/GADGET FOR BLOGSPOT.

This is one of the best bookmarking widget I've come across.openheart.jpg
The bookmarking widget is made in form of heartlike seen in the image above,and whenever you mouse hover it,the heart slides open and several bookmarking buttons such as facebook,twitter,linkedin,stumbleupon,pinterest etc are revealed for your blog visitors to use.

You can also visit this post for another method of adding bookmarking widget in floating form.

STEPS ON HOW TO ADD THE WIDGET ON YOUR BLOG.

First,login to your Blogger Account.
Go to Design/Layout » Edit HTML.[Backup your template in case something goes wrong.]
Check the box next to
Expand Widget Template and search for </head> by pressing CTRL+F.

On getting that,just copy/paste the code below,directly above/before it.

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher:&quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Having done that,the next step is to search for </body>[CTRL+F]
Now,copy/paste the code below directly above/before</body>

<div style='position:fixed; bottom:2%;left:2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<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>

Just preview and save your template.
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.
That's all.
NEXT» ¤HOME¤

 
[GET THIS]