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 »

GRAB THIS AWESOME SOCIAL BOOKMARKING WIDGET WITH 3D EFFECT.

In our <a href="http://freebie-planet.blogspot.com/2012/09/animated-follow-me-widget-for-blogs.html" target="_blank"><span style="color:blue"><b>previous post</b></span></a>,we discussed on “How to Add Animated Follow-us widget to blogger”.<p>So likewise,in this tutorial we will be dealing with how to add animated social bookmarking widget with 3D effect.</p><img src="http://farm9.staticflickr.com/8450/8070352141_2f525047a0_t.jpg"><p>This widget is so cool that when hovered on,spins 360 degrees and spins back when released.<br />To add the widget on your blog,just follow the instructions below.</p><p>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a>,then go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> » </span><span style="color:red">Page element</span></b> and select <span style="color:orange">'Add a gadget'</span>.<br />Now,locate "HTML/JAVASCRIPT" and select ADD.<br />Just copy/paste the code below and save the widget.</p><div style="border:1px solid #700000" background:#d8d8d8"><style><br />#social a:hover{background-color:transparent;opacity:0.7;}<br />#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;}<br />#social img:hover { -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}</style><br /><center><br /><div id="social"><br /><!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="<span style="color:blue"><b>YOUR FEED URL HERE</b></span>" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_zP1rLPAMMbiMbyH5pSmeCK_W5c9DWZhl6qWQ-kwibb8m2U-j26p4J9lGH05CeTkmX_3zBBTCF79wQi5fjGmzQwrSVVBuQa7vK11SCXKfhv5mRCeSwQ_KpgQUlkt9cszFElvz-bPJ8j0/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><br /><!--End RssIcon--><br /><!--Start Email Rss Icon--><br /><a rel="nofollow" title="Get Free Updates Via Email" href="<span style="color:blue"><b>YOUR EMAIL RSS URL HERE</b></span>" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZWM1jRAyyJNrcUiFegtcNXrO64Mkv1omF1cykRS_y1mCFpbLhdV_mozp46RhjdNOILzgzvFeNdpxtq5YeVnzSJZI_9fc02jtXrMhKVvRyz7XBBMoXkgTXt6Gx1tDYobbP2keb7T4jZYN/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><br /><!--End Email Rss Icon--><br /><!--Start Facebook Icon--><br /><a rel="nofollow" title="Like Our Facebook Page" href="<span style="color:blue"><b>YOUR FACEBOOK PAGE URL HERE</b></span>" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpoM94glXq1hyMvTLL6QrW8d8WbH1gO6NxpEluJ9XVXPIC8c4NZOKR4afl3NyFEcrPKgMYQJQuOafMfrXXxM1Y_MRRddSrqG7deoBOIqKUy9NpI9E9Quq7vDFqFE_bnIGexNcOuZx4oGu/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><br /><!--End Facebook Icon--><br /><!--Start Twitter Icon--><br /><a rel="nofollow" title="Follow Our Updates On Twitter" href="<span style="color:blue"><b>YOUR TWITTER URL HERE</b></span>" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihJD29fgO20pRtVhUGZ96NZ9yB_E1Fbl3THzZ9bKf3r-MCuaNw6EFWxq2LLrWR_QR2th0kDy5YEko9iZ5jYqD1DM8Xb86pWzBKo1fRyINhO_IgxsJgI32k0UUhjfWOyspGv3Y_1ZpTdY0L/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><br /><!--End Twitter Icon--><br /><!--Start Google Icon--> <a title="Follow Us On Google " rel="nofollow" href="<span style="color:blue"><b>YOUR GOOGLE PLUS URL HERE</b></span>" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MUURk-pVu5Tn29-4Ub9LGM2g32JqwVAKail63i7AvgB_YoYQ0fwbsVQGxyPPzwgi2GEy-IIXmMItIZYO5y4erz_KreEK8TBcLY9u-NYP3ug0cIUfY2nzLir7UNVbmvz2w3OGwEJYWbWI/s1600/GOOGLE-PLUS-48x48.png"/></a><br /><!--End Google Icon--><br /><!--Start Pinterest Icon--><br /><a title="Follow Our Pins" rel="nofollow" href="<span style="color:blue"><b>YOUR PINTEREST URL HERE</b></span>" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVrfIX8neHFfDitreQ5S3eL504gkCy2XeukKPbAzKmHF-jVWnU5EafPi-suNvjeHYncVFoATxrgH42iYF5jTt_5TvhcMnI4WhTGTcq9Cajk_AF4jsM5cvBz0cOuXQYNq_A1hJybQrIsK-/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a><br /><!--EndPinterest Icon--></div><br /><!--Start Feed Count Button--> <a href="<span style="color:blue"><b>FEEDBURNER URL HERE</b></span>" target="_blank"><img alt="Feedburner" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><br /><!--End Feed Count Button--> </center></div><p><b>NOTE <br />If you don't have any of these urls,you can simply remove it for the time being.<br />Just delete all codes from where you see 'START' to the 'END' part.</b></p>

In our previous post ,we discussed on “How to Add Animated Follow-us widget to blogger”. So likewise,in this tutorial we will be dealing wit...

Baca selengkapnya »

ANIMATED FOLLOW-US WIDGET FOR BLOGS.

Have you ever wondered if it's really possible to have an animated widget?...<p>If yes,then I'm glad to introduce to you this animated 3D[three dimension] FOLLOW-US widget which can easily catch the attention of your blog visitors.</p><p>It was designed in form of a square which rises and changes from gray to a stupefying color when hovered upon.</p><p>To add this widget in your blog,here's what you need do →<br />Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a>,then go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> » </span><span style="color:red">Page element</span></b> and select <span style="color:orange">'Add a gadget'</span>.<br />Now,locate "HTML/JAVASCRIPT" and select ADD.<br />Just copy/paste the code below and save the widget.</p><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><style>.blogtoolz-flt-wdt{position:fixed; right:10px; top:36%;}<br />.blogtoolz-flt-wdtimg {float:right; clear:right; margin:1px; -webkit-transition:all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition: all .2s ease-in-out;}<br />.blogtoolz-flt-wdt img:hover{-moz-transform:scale(1.2) rotate(6deg);-webkit-transform: scale(1.2) rotate(6deg);-o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg);}</style><br /><div><br /><style><br />.BlogToolz1{display: block;width:64px;height: 64px;background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/facebook_rollout_64x64.png') bottom; text-indent:-99999px;}<br />.BlogToolz1:hover{background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/facebook_color_64x64.png')bottom; height: 64px;}<br /></style><br /><a href="<span style="color:blue"><b>Your Facebook Link Here</b></span>"></a><br /><style><br />.BlogToolz2{display:block;width:64px;height:64px;background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/twitterl_rollout_64x64.png') bottom;text-indent:-99999px;} .BlogToolz2:hover{background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/twitter_color_64x64.png') bottom; height: 64px;}<br /></style><br /><a href="<span style="color:blue"><b>Your Twitter Link Here</b></span>"></a><br /><style><br />.BlogToolz3{display:block;width:64px;height:64px;background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/feed_rollout_64x64.png') bottom;text-indent: -99999px;}<br />.BlogToolz3:hover{background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/feed_color_64x64.png') bottom; height:64px;}<br /></style><br /><a href="<span style="color:blue"><b>Your Rss Feed Link Here</b></span>"></a><br /><style><br />.BlogToolz4{display:block;width:64px;height:64px;background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/google_rollout_64x64.png')bottom;text-indent: -99999px;}<br />.BlogToolz4:hover{background:url('http://i1269.photobucket.com/albums/jj591/aditya9172/google_color_64x64.png') bottom; height: 64px;}<br /></style><br /><a href="<span style="color:blue"><b>Your Google Plus Link Here</b></span>"></a> </div><br /><!-- Animation widget ends --></div></div><p>That's it.Just replace the necessary things there i.e the blue texts and save the widget.</p>

Have you ever wondered if it's really possible to have an animated widget?... If yes,then I'm glad to introduce to you this animated...

Baca selengkapnya »

LIST OF TOP SEARCH ENGINES TO SUBMIT YOUR SITE'S URL.

It's the dream of every site/blog owner to earn extra income or a living from his/her hard work,in order to achieve this,it's very necessary for you to get a reasonable amount of traffic per-day.<p>Though,there are some other ways to pull traffic to your site,e.g sharing it on bookmarking sites,by word of mouth,commenting on popular forums,e.t.c it's very necessary to submit your site to top search engines.</p><img alt="bookmarkingsites.jpg" src="http://farm6.staticflickr.com/5462/7431291300_45abe720e2_t.jpg"> Below,I'll be listing some of the top search engines with their submission links.<h2>LIST OF SEARCH ENGINES WITH SUBMISSION LINKS.</h2><span style="color:red"><b>NOTE:-</b>THIS LIST IS NOT ACCORDING TO THEIR IMPORTANCE/RANKING. Likewise,some require you to pay some amount of money,while others are free.</span><ol><li>«WORLD WEB DIRECTORY» To add your URL to Web World Directory,visit <a href="http://www.webworldindex.com/submit.htm" target="_blank"><span style="color:red"><b>here</b></span></a></li><li>«KNOW BE» Visit http://www.knowbe.com/addurl.php</li><li>«YAHOO!» Yahoo requires you to register an account before you can submit your url.Here's the link http://search.yahoo.com/info/submit.html</li><li>ALLTHEWEB Submission link» http://www.alltheweb.com/help/webmaster/submit_site</li><li>GOOGLE I'll say so far,google is the best of them all. Submit here» http://www.google.com/addurl.html</li><li>LIVE SEARCH To submit your URL to MSN LiveSearch,visit» http://search.msn.com.sg/docs/submit.aspx</li><li>DMOZ Open Directory Project submission link» http://www.dmoz.org/add.html</li><li>ALEXA» This is also one of the best.To suggest your site for inclusion in Alexa,visit» http://www.alexa.com/data/details/editor?type=contact</li><li>SUNSTEAM» Submit your site to sunsteam http://www.sunsteam.com/add_your_site.html</li><li>WALHELLO»To submit your url to Walhello Search Engine,visit» http://www.walhello.com/addlinkgl.html</li><li>SUBMIT SERVICES» Add your site to 'Submit Services Directory'<a href="http://www.submitservices.com/submit.htm" target="_blank">here.</a></li><li>SCRUB THE WEB» Add your URL to Scrub The Web. http://www.scrubtheweb.com/addurl.html</li><li>QANGO» To suggest your site for inclusion in Qango,visit http://www.qango.com/addurl.html</li><li>ENTIREWEB» For free submission to Entireweb,visit» http://www.entireweb.com/free_submission/</li><li>GOGUIDES» Goguides directory add-url page http://www.goguides.org/addurl.html</li><li>Business.com» If you run a business concentrated website,you can promote your to business orientated public. http://www.business.com/info/advertise/</li><li>EXACTSEEK» Submit your website to ExactSeek by following the link below. http://www.exactseek.com/add.html</li><li>WHAT-U-SEEK» Here's another site to submit your url. http://www.whatuseek.com/addurl.shtml</li><li>HOMERWEB» To add your url to Homerweb[the daddy of all search engines],visit http://www.homerweb.com/submit_site.html</li><li>LINKOPEDIA» Add your URL and get a permanent listing in this high quality directory by visiting »http://www.linkopedia.com/submission/</li><li>EZILON» Europe regional web directory submission and directories listings.This is also meant for business promotions.Visit <a href="http://www.ezilon.com/general_url_submission.htm" target="_blank">here</a> to add your site.</li></ol>Like I mentioned above,these sites are not listed according to their popularity or service.<p>After submitting your url to the links above,most of it will start yielding a week after your submission.</p><p>If you feel an important link has been omitted,please share it with the others by using the comment link below.</p>

It's the dream of every site/blog owner to earn extra income or a living from his/her hard work,in order to achieve this,it's very n...

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 »