HOW TO CREATE A FACEBOOK FAN PAGE.

As we all know, social medias such as Facebook,Twitter,Linkedin etc is an effective way of generating traffic for a website/blog.<p>In order for your facebook friends to be aware of your site and invite others to it,it's very necessary to create a Facebook fan-page.</p><p>Note that Facebook pages are not meant for website owners alone. So,as an Actor/Actress,Musician,Organisation,Public figure etc you should consider creating one to boost your status.</p><h2>Steps On How To Create and Personalize a Facebook Fan Page.</h2><ol><li>Click on <a href="http://www.facebook.com/pages/create.php"target="_blank"><span style="color:red"><b>This Link</b></span></a> to create a page now.</li><li>Choose a category which best suits the purpose of the page and fill-in your title.</li><li>Next,check the box in order to agree with the <b>T.O.S</b> and then select <b>“Get Started”</b></li><li>Enter the Captcha image shown and then proceed.</li>Note: If you are not logged into your facebook account,you will be required to do so.<li>Now,like the page(not necessary) and invite your friends to like it aswell.</li></ol><h3>Claim A Username For Your Page.</h3>After successfully creating your page,you need to create a username for it. To do that,<a href="http://www.facebook.com/username"target="_blank"><span style="color:red"><b>Click on this link</b></span></a>,Select the username Facebook suggests,or enter a new one.<p>Once done,click on <b>“CHECK AVAILABILITY”</b> and then CONFIRM it if available</p><h3>Choose A Profile Picture.</h3>The next step in this tutorial is to change the default logo of the page to your business logo.<p>Move your mouse cursor to the default logo on the page and you will notice a list of options to change it. Click on the prefered option and browse through for your desired image. [You should re-confirm your page's category]</p><h3>Add Your Blog Feed To Fan Page</h3>If you are a blog owner,it's very necessary to add your blog's Rss Feed to the page so as to update your page each time you create a new post.<p>To do that,click on “Edit Page” at the top right-corner of the screen. Next,select “Apps” and then click on "Go To App". Finally,enter your <b>FEED URL</b> and save it.</p><span style="color:blue">THAT'S ALL!!. So,if you have any questions to ask,do not hesitate to use the comment box.!!</span>

As we all know, social medias such as Facebook,Twitter,Linkedin etc is an effective way of generating traffic for a website/blog. In order f...

Baca selengkapnya »

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 »

HOW TO RECOVER ACCIDENTALLY DELETED BLOGS.

<p>After Google disabled the `Old blogger interface`,there has been cases of accidentally deleted blogs including blog-posts for newbies who do not know how to use the New interface..</p><p>Luckily,<a href="http://www.blogger.com"target="_blank"><span style="color:blue">blogger</span></a> has given to its users the priviledge of retrieving a deleted blog.</p><h2>Here's How...</h2>Login to <a href="http://www.blogger.com"target="_blank"><span style="color:blue">Blogger.</span></a>Now,in the list of blogs,you will notice a text stating the number of blogs displayed in your account at the bottom. E.g <b>“Displaying 2 of 3 blogs" with 1 hidden”</b><img alt="Undelete blogger blogs.jpg" src="http://farm9.staticflickr.com/8452/8029708280_73dc63406e_m.jpg"><p>Next,click on <b>“Show All”</b> to display all blogs including the deleted blog. Finally,click on <b>“Undelete This Blog”</b> and taadaa,your blog is restored.</p><p>That's all. Hope this post was handy.</p>

After Google disabled the `Old blogger interface`,there has been cases of accidentally deleted blogs including blog-posts for newbies who do...

Baca selengkapnya »

HOW TO ADD “ONLINE HTML CALCULATOR” TO BLOGS.

Here's a quick tool-script you can add to your website/blog to display online calculator.<p>Once a number or sign is clicked on,the page reloads with the option in the text area.</p>Here's a demo of this online application.<p><form name="Calc"> <center> <input disabled="disabled" type="text" style="font-weight: bolder; font-size: large;" name="Input"/> <input type="hidden" name="PHPSESSID" value="6be315796135a9d9627813b4af5fb2ad" /> </center><table> <tr> <th> <input type="button" name="one" value=" 1 " OnClick="Calc.Input.value += '1'"/> </th> <th> <input type="button" name="two" value=" 2 " OnCLick="Calc.Input.value += '2'"/> </th> <th> <input type="button" name="three" value=" 3 " OnClick="Calc.Input.value += '3'"/> </th> <th> <input type="button" name="plus" value=" + " OnClick="Calc.Input.value += '+ '"/> </th> </tr> <tr> <th> <input type="button" name="four" value=" 4 " OnClick="Calc.Input.value += '4'"/> </th> <th> <input type="button" name="five" value=" 5 " OnCLick="Calc.Input.value += '5'"/> </th> <th> <input type="button" name="six" value=" 6 " OnClick="Calc.Input.value += '6'"/> </th> <th> <input type="button" name="minus" value=" - " OnClick="Calc.Input.value += ' - '"/> </th> </tr> <tr> <th> <input type="button" name="seven" value=" 7 " OnClick="Calc.Input.value += '7'"/> </th> <th> <input type="button" name="eight" value=" 8 " OnCLick="Calc.Input.value += '8'"/> </th> <th> <input type="button" name="nine" value=" 9 " OnClick="Calc.Input.value += '9'"/> </th> <th> <input type="button" name="times" value=" * " OnClick="Calc.Input.value += '* '"/> </th> </tr> <tr> <th> <input type="button" name="zerozero" value="00" OnClick="Calc.Input.value += '00'"/> </th> <th> <input type="button" name="zero" value=" 0 " OnClick="Calc.Input.value += '0'"/> </th> <th> <input type="button" name="point" value=" . " OnClick="Calc.Input.value += '.'"/> </th> <th> <input type="button" name="div" value=" / " OnClick="Calc.Input.value += ' / '"/> </th> </tr> </table> <table> <tr> <th> <input type="button" name="clear" value=" Clear " OnClick="Calc.Input.value = ''"/> </th> <th> <input type="button" name="DoIt" value=" Ans " OnClick="Calc.Input.value = eval(Calc.Input.value)"/> </th></tr> <tr> Script by:<a href="http://freebie-planet.blogspot.com">SOLJAR2</a> </tr> </table></form></p>So,to add this application on your blog,Copy-Paste the codes in the box below into a Page,Post or gadget.<textarea rows="4" col="20" readonly="readonly"><form name="Calc"> <center> <input disabled="disabled" type="text" style="font-weight: bolder; font-size: large;" name="Input"/> <input type="hidden" name="PHPSESSID" value="6be315796135a9d9627813b4af5fb2ad" /> </center><table> <tr> <th> <input type="button" name="one" value=" 1 " OnClick="Calc.Input.value += '1'"/> </th> <th> <input type="button" name="two" value=" 2 " OnCLick="Calc.Input.value += '2'"/> </th> <th> <input type="button" name="three" value=" 3 " OnClick="Calc.Input.value += '3'"/> </th> <th> <input type="button" name="plus" value=" + " OnClick="Calc.Input.value += '+ '"/> </th> </tr> <tr> <th> <input type="button" name="four" value=" 4 " OnClick="Calc.Input.value += '4'"/> </th> <th> <input type="button" name="five" value=" 5 " OnCLick="Calc.Input.value += '5'"/> </th> <th> <input type="button" name="six" value=" 6 " OnClick="Calc.Input.value += '6'"/> </th> <th> <input type="button" name="minus" value=" - " OnClick="Calc.Input.value += ' - '"/> </th> </tr> <tr> <th> <input type="button" name="seven" value=" 7 " OnClick="Calc.Input.value += '7'"/> </th> <th> <input type="button" name="eight" value=" 8 " OnCLick="Calc.Input.value += '8'"/> </th> <th> <input type="button" name="nine" value=" 9 " OnClick="Calc.Input.value += '9'"/> </th> <th> <input type="button" name="times" value=" * " OnClick="Calc.Input.value += '* '"/> </th> </tr> <tr> <th> <input type="button" name="zerozero" value="00" OnClick="Calc.Input.value += '00'"/> </th> <th> <input type="button" name="zero" value=" 0 " OnClick="Calc.Input.value += '0'"/> </th> <th> <input type="button" name="point" value=" . " OnClick="Calc.Input.value += '.'"/> </th> <th> <input type="button" name="div" value=" / " OnClick="Calc.Input.value += ' / '"/> </th> </tr> </table> <table> <tr> <th> <input type="button" name="clear" value=" Clear " OnClick="Calc.Input.value = ''"/> </th> <th> <input type="button" name="DoIt" value=" Ans " OnClick="Calc.Input.value = eval(Calc.Input.value)"/> </th></tr> <tr> Script by: <a href="http://freebie-planet.blogspot.com">Soljar2.</a> </tr> </table></form>Hope you found it useful.

Here's a quick tool-script you can add to your website/blog to display online calculator. Once a number or sign is clicked on,the page r...

Baca selengkapnya »

HOW TO KNOW AND AVOID SCAM WEBSITES.

<p>After being scammed by two PTC/PTR sites,I decided to do a little research before venturing into another.</p><p>Luckily,I was able to get a very easy & effective trick which saved my day.</p><p>This trick involves using Google or any other search engine to review all “scam” reports of a website before actually taking the risk.</p><p>So,anytime you want to risk using a PTC/PTR or some other affiliate websites,you should first run a background check on them.</p><h2>Here's How...</h2>Get the website's url and write it in google with the text <b>“SCAM”</b> in front of it,in this format[Using my site as an example,though not an affiliate blog] » <span style="color:red"><b>http://freebie-planet.blogspot.com SCAM</b></span><p>You can use the search box below to quickly review a website using Google search..</p><form method="get" action="http://www.google.com/search"><br /><div style="border: 1px solid black; padding:14px; width: 10em;"><br /><table border="0" cellpadding="0"><tbody><tr><td><br /><input name="q" size="25" maxlength="255" value="http://freebie-planet.blogspot.com SCAM" type="text"><br /><input value="Search" type="submit"></td></tr></tbody></table><br /></div><br /></form>That's it.Thanks to Okaztle of okaztle.com for providing this tip.

After being scammed by two PTC/PTR sites,I decided to do a little research before venturing into another. Luckily,I was able to get a very e...

Baca selengkapnya »

HOW TO ADD “ADVERTISE WITH US” WIDGET TO BLOGS.

Nowadays,almost every blog has an “Advertise with us” widget in their sidebar. <img alt="Advertise with us.jpg" src="http://i44.tinypic.com/2v97vv9.jpg">The widgets in most cases,are in the dimension '125 by 125' which is the most commonly used in the blogosphere.<p>So,if you'd like to embed this widget in your blog,all you have to do is follow these easy & straightforward steps.</p><h2>Steps on how to add the advertise widget on your blog.</h2>Before we begin with this tutorial,make sure you have a page you can direct your patronizers to when the widget is being clicked on.<p>If you do not already have,create one[<a href="http://freebie-planet.blogspot.com/2012/05/create-static-pages-on-blogger.html"target="_blank"><span style="color:blue">Learn how to create a page</span></a>],and specify the amount you charge for each “ad-space”. Name the page “ADVERTISE” and publish it.</p><p>Once that's done,we are ready to start.</p><ol><li>Login to <a href="http://www.blogger.com"target="_blank"><span style="color:blue">Blogger</span></a></li><li>Navigate to <b>Layout » Add a gadget</b> and select<b>Html/Javascript</b></li><li>Next,Copy-Paste the code below into the box →<p><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><center> <table border="0"><tr> <th width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/> </a> </th> <th width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </th> </tr> <tr> <td width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </td> <td width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </td> </tr> </table> </center></div></div></p></li><li>Replace all <span style="color:red"><b>YOUR PAGE'S URL HERE</b></span> in the code snippet with the one you derivated after <a href="http://freebie-planet.blogspot.com/2012/05/create-static-pages-on-blogger.html"target="_blank"><span style="color:blue">creating your page.</span></a>Likewise,you can decide to increase/decrease the widget-image's size by replacing <span style="color:red"><b>'125'</b></span> in the code.</li><li>Finally, SAVE the widget.</li></ol>If you encountered any challenges,please let us know...

Nowadays,almost every blog has an “Advertise with us” widget in their sidebar. The widgets in most cases,are in the dimension '125 by 12...

Baca selengkapnya »

HOW TO REDUCE A BLOG'S PAGE-LOAD TIME.

A blog's load time is one of the major things that needs to be taken into consideration as a blogger.<p>You will agree with me that no one wants to stay long on a blog that takes so long to load.</p>In order to reduce a blog's load time due to massive image files on a web page,you might consider adding the 'jQuery Lazy Load' plugin.<p>With this plugin,all images on a webpage are delayed,thereby helping to reduce the server load and make long web-pages with images load faster.</p><h4>How do you add this plugin?</h4>It is actually very easy & takes the normal routine of editing a template.So,all you've got to do is follow the instructions below.<p>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:blue"><b>Blogger</b></span></a> » Go to <b><span style="color:red">Design/Layout</span></b><b> » </b><span style="color:red">Edit HTML.</span><br />Check the box next to <span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span>.<br />Next,locate <font size="5"></head></font> in your template by pressing <b>CTRL+F</b> and Copy-Paste the code below just <b>ABOVE/BEFORE</b> it.</p><p style="border:1px solid #700000"><div style="background-color:#d8d8d8"><script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script src='http://beautifulbloggerwidgets.googlecode.com/files/lazyload-min.js' type='text/javascript'/><br /><script charset='utf-8' type='text/javascript'><br />$(function() {<br />$(&quot;img&quot;).lazyload({placeholder :&quot;http://beautifulbloggerwidgets.googlecode.com/files/grey.gif&quot;,threshold : 200});<br />});<br /></script></div></p>Preview & Save your template.<br />Hope this helps!!!

A blog's load time is one of the major things that needs to be taken into consideration as a blogger. You will agree with me that no one...

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 »

HOW TO MOVE BLOGGER NAVIGATION BAR DOWN.

There are couple reasons you might want to keep the default blogger navigation-bar in your blog.<p>In a post sometimes ago,I gave a quick tip on <a href="http://freebie-planet.blogspot.com/2012/02/how-to-remove-navigation-bar-from-your.html"target="_blank"><span style="color:blue">how you can remove the bar from a blog.</span></a><br />But,if you think the bar is useful and you would like to retain it in your blog,you might consider moving it from its position down to the bottom of the blog.</p><h2>Here's How To...</h2>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger.</b></span></a><br />Go to <span style="color:red"><b>Design/Layout</b></span><span style="color:blue">»»</span><span style="color:red"><b>Edit HTML</b></span>.<span style="background-color:b0b0b0">[Backup your template in case something goes wrong.]</span><br /><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="5">]]></b:skin></font></span> by pressing <b>CTRL+F</b><p>When found,just Copy-Paste the following piece of code directly <font size="3">ABOVE</font> it.</p><div style="border:1px solid #700000"><div style="background-color:#d8d8d8">#navbar-iframe {position: fixed;right:0px;bottom:0px;left:0px;}</div></div><p>Next,preview your blog to ensure the are no errors and thereafter,<font size="5">SAVE</font> your template.</p>That's all.You should see the bar at the bottom of the blog now!!!

There are couple reasons you might want to keep the default blogger navigation-bar in your blog. In a post sometimes ago,I gave a quick tip ...

Baca selengkapnya »

HIGHLIGHT AUTHOR COMMENTS IN BLOGGER.

Many are cases whereby the visitors of a blog go through the stress of viewing each comment on a post in order to locate the author's comment.<p>In order to save them that stress,it is very necessary to highlight your comments "as a blogger".</p><p>Apart from the stress being curbed in the process,it also helps to dignify a blog author's comment amongst several others.</p>Before we proceed with this tutorial,you might want to spare a little time to go through the following tutorials →<ol><li><a href="http://freebie-planet.blogspot.com/2012/05/add-reply-button-to-blogger-comments.html"target="_blank"><span style="color:blue">Add a Reply Button To Blogger Comments.</span></a></li><li><a href="http://freebie-planet.blogspot.com/2012/05/how-to-change-post-comment-text-in.html"target="_blank"><span style="color:blue">How To Change “Post A comment” Text in Blogger.</span></a></li><li><a href="http://freebie-planet.blogspot.com/2012/05/customize-blogger-comment-message.html"target="_blank"><span style="color:blue">How To Customize Blogger Comment-Message.</span></a><br /></li><li><a href="http://freebie-planet.blogspot.com/2012/04/adding-comments-policy-to-blogger-blogs.html"target="_blank"><span style="color:blue">Add a Comment Policy To Blogger.</span></a></li><li><a href="http://freebie-planet.blogspot.com/2012/04/numbered-comment-hack-for-blogger.html"target="_blank"><span style="color:blue">Numbered Comment Hack For Blogger Blogs.</span></a></li></ol><h2>How To Highlight Author Comments in Blogger.</h2>First,Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger.</b></span></a><br />Go to <span style="color:red"><b>Design/Layout</b></span><span style="color:blue">→→</span><span style="color:red"><b>Edit HTML</b></span>.<span style="background-color:b0b0b0">[Backup your template in case something goes wrong.]</span><br /><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 the following piece of code by pressing <b>CTRL+F</b><p><span style="color:red"><b><p><data:comment.body/></p></b></span></p><b>Note»<br />The above code will be seen twice,you have to use the second</b><p>Next,<font size="5">Replace</font> the code found above with the following snippet of code.</p><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><b:if cond='data:comment.author== data:post.author'><br /><span style="color:red"><b><p style='border:1px dotted#008e00; color:#00ff00;background:#d80000;width:auto;padding:4px;'></b></span><br /><data:comment.body/></p><br /><b:else/><br /><p><br /><data:comment.body/></p><br /></b:if></div></div><p>Having done that,preview your template then finally <b>save it.</b></p>To change the color,background,border style etc of the comment,simply play around with the css codes highlighted in the snippet above and that will be all.

Many are cases whereby the visitors of a blog go through the stress of viewing each comment on a post in order to locate the author's co...

Baca selengkapnya »

How to Make Computer Talk

<span class="" id="result_box" lang="en"><span class="hps">Make Computer</span> <span class="hps">Talk</span> <span class="hps">-</span> <span class="hps">When</span> <span class="hps">strange</span> <span class="hps">now no</span> <span class="hps">longer</span> <span class="hps">issuing</span> <span class="hps">computer</span> <span class="hps">voice</span> <span class="hps">/</span> <span class="hps">voice</span><span>,</span> <span class="hps">read</span> <span class="hps">to</span> <span class="hps">us</span> <span class="hps">a series of</span> <span class="hps">words or</span> <span class="hps">phrases</span> <span class="hps">that exist in a</span> <span class="hps">document</span> <span class="hps atn">(</span><span>text)</span><span>.</span><br /><span class="hps">But</span> <span class="hps">it never hurts</span> <span class="hps">to try</span> <span class="hps">our</span> <span class="hps">own</span> <span class="hps">simple script to</span> <span class="hps">convert</span> <span class="hps">/ change</span> <span class="hps">writing</span> <span class="hps">into</span> <span class="hps">voice</span><span>, using</span> <span class="hps">notepad</span><span>.</span></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJYeXMZNUwZSD-w0_-M_ec_js7kognFxsGW3BHA-XiAmHkJCqtKPNFtilHjbQokSGC3KEG3C6LvRU6m7QWHY-9q2tKlMJ5VwGgPy-DM8wyuJl5r24M0oFYVk3TewM5mD0GJbzq8yiV7do/s1600/speak+to+me.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="pcomtricks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJYeXMZNUwZSD-w0_-M_ec_js7kognFxsGW3BHA-XiAmHkJCqtKPNFtilHjbQokSGC3KEG3C6LvRU6m7QWHY-9q2tKlMJ5VwGgPy-DM8wyuJl5r24M0oFYVk3TewM5mD0GJbzq8yiV7do/s1600/speak+to+me.png" title="pcomtricks" /></a></div><span class="" id="result_box" lang="en"><br /><span class="hps">• Open</span> <span class="hps">Notepad</span><br /><span class="hps">•</span> <span class="hps">Copy and</span> <span class="hps">paste the</span> <span class="hps">following</span> <span class="hps">script</span> <span class="hps">in</span> <span class="hps">notepad</span><br /><span class="hps">Dim</span> <span class="hps">message</span><span>,</span> <span class="hps">cows</span><br /><span class="hps">message =</span> <span class="hps">InputBox</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>What do you</span> <span class="hps">want</span> <span class="hps">me</span> <span class="hps">to say?</span><span>"</span><span>,</span> <span class="hps atn">"</span><span>Speak</span> <span class="hps">to</span> <span class="hps">Me</span><span>"</span><span>)</span><br /><span class="hps">Set</span> <span class="hps">beef</span> <span class="hps">=</span> <span class="hps">CreateObject</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>sapi.spvoice</span><span>"</span><span>)</span><br /><span class="hps">sapi.Speak</span> <span class="hps">message</span><br /><span class="hps">•</span> <span class="hps">Save the file</span> <span class="hps">to</span> <span class="hps">free</span> <span class="hps">up</span> <span class="hps">your</span> <span class="hps">name</span> <span class="hps">with the extension</span><span>.</span> <span class="hps">Vbs</span><br /><span class="hps atn">(</span><span class="">Namaterserahanda.vbs</span><span>)</span> <span class="hps">instead</span> <span class="hps">berektension</span><span>.</span> <span class="hps">Txt</span><br /><span class="hps">•</span> <span class="hps">To run</span> <span class="hps">double</span><span>-click the file</span> <span class="hps">that you created,</span> <span class="hps">type</span> <span class="hps">of writing</span> <span class="hps">to</span> <span class="hps">be converted</span> <span class="hps">into voice</span><br /><span class="hps">• Click</span> <span class="hps">OK</span> <span class="hps">to</span> <span class="hps">listen</span> <span class="hps"></span></span><span class="" id="result_box" lang="en"><span> </span></span>

Make Computer Talk - When strange now no longer issuing computer voice / voice , read to us a series of words or phrases t...

Baca selengkapnya »

HOW TO TAKE SCREENSHOTS ON COMPUTER.

This post can be said to be the third-part on Screenshots-taking,with part 1 & 2 being “How to take Screenshots on <a href="http://freebie-planet.blogspot.com/2012/07/how-to-take-screenshots-on-java-phones.html"target="_blank"><span style="color:blue"><b>Java</b></span></a> and <a href="http://freebie-planet.blogspot.com/2012/07/how-to-take-screenshots-on-symbian_05.html"target="_blank"><span style="color:blue"><b>Symbian phones.</b></span></a>”<br />Though,those two posts specifically talked about taking screenshots on <a href="http://freebie-planet.blogspot.in/search/label/mobile%20phones"target="_blank"><span style="color:blue">mobile phones.</span></a><p>In this tutorial,I will be taking you through the flight on “how to take screenshot on both Windows & Mac OS”.<br />So,fasten your seat-belt & let's begin…</p><h2>How to Take Screenshot in Windows.</h2>There are couple of ways to capture a screen in Windows.<br />So,the easiest of them is what we will be going through here.<ol><li>The first is by using the default screen-capture key on every computer,i.e The <b>PrtScn</b> on your keyboard.<br />Locate it & let's start.<ul><li>To take the shot of everything currently displaying on the screen including all open windows,press <b>PrtScn</b>.<br />This will be automatically placed in the Clipboard.</li><li>To capture just the active window,press <b>Alt+PrtScn</b>.</li><li>Now to save the shots,open Microsoft paint by navigating to<br /><b>Start » Programs » Accessories » Paint and paste it there.</b></li><li>Next,select <b>“File”</b>from the top menu and choose <b>“Save as”</b></li><li>Finally,give it any name you want and choose a directory to save the image.</li></ul></li><li>The second method involves using the <b>“SPINNING TOOL”.</b><p>This tool is by default part of both <a href="http://freebie-planet.blogspot.com/search/label/Window%207"target="_blank"><span style="color:blue">Windows 7</span></a> & Windows vista.</p>It is capable of capturing a specified area of a page instead of the whole screen as with the previous method.<br />You can choose to use an amoeba-like[irregular] shape,a rectangle or capture the whole screen.<h2>How To Use “SNIPPING TOOL”.</h2><ul><li>Go to start » All Programs » Accessories » Snipping Tool.</li><li>Select a snipping type by clicking on the arrow next to <b>“New”</b> button.</li><li>Select the window or portion of the screen you want to capture using your mouse.</li><li>To highlight part of the screenshot,click on the pen/highlighter button in the menu.</li><li>Likewise,to capture a menu/drop-down menu,press <b>ESC</b> after you've launched the Snipping tool,then open the menu you want to capture & press <b>Ctrl + PrtScn</b>.</li></ul></li></ol>THAT'S ALL FOR WINDOWS.<h2>How To Take Screenshot on Mac OS X.</h2>Mac OS has an in-built screen-grabbing function,which enables you to take shots by clicking on some key combinations.<p>When these keys are pressed,a click sound will be heard,then the screen-shot will immediately be saved in .PNG format.<ul><li>To capture the whole screen,press <b>Cmd + Shift + 3</b> all at once.</li><li>To capture just a portion of the screen,press <b>Cmd + Shift + 4</b>.<br />Just drag the crosshair that appears around the area to be captured.</li><li>To capture a specific window,press <b>Cmd + Shift + 4</b> and immediately after that,hit the <b>Spacebar.</b><br />The crosshair will then turn into a small camera,highlighting all menus that can be captured.</li></ul>That's all.<br />I believe taking of screenshots shouldn't be a difficult task for you any longer.<p>For contributions/questions,don't forget to leave your comments behind.</p>

This post can be said to be the third-part on Screenshots-taking,with part 1 & 2 being “How to take Screenshots on Java and Symbian pho...

Baca selengkapnya »