HOW TO PLACE POST TITLE IN READ MORE LINK.

In a previous tutorial,I gave a blogger hack to <a href="http://freebie-planet.blogspot.com/2012/04/add-automatic-read-more-option-to-your.html" target="_blank"><span style="color:red"><b>add read-more link to your blog </b></span></a>and today,I'll be giving some customizations to make it more unique.<p>You might have seen some blogs having each-post-title after a read more/continue reading text.<br />Your blog visitors will also have the understanding of which post they want to read when they see the post title..<h3>HOW TO GO ABOUT THIS.</h3>As usual,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<br /></b></span> and search for the code below by hitting <font size="3">CTL+F</font>.<xmp><b:if cond='data:post.hasJumpLink'><br /><div class='jump-link'><a expr:href='data:post.url +"#more"' expr:title='data:post.title'><data:post.jumpText/></a><br /></div></b:if></xmp>On getting that,just <font size="5">Replace</font> it with the code below <xmp><b:if cond='data:post.hasJumpLink'><br /><div class='jump-link'><a expr:href='data:post.url +"#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title /></a><br /></div></b:if></xmp><textarea rows="3" cols="30"><b:if cond='data:post.hasJumpLink'><br /><div class='jump-link'><a expr:href='data:post.url +"#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title /></a><br /></div></b:if>Preview your template to ensure there are no errors and save it.

In a previous tutorial,I gave a blogger hack to add read-more link to your blog and today,I'll be giving some customizations to make it ...

Baca selengkapnya »

HOW TO CHANGE BLOGGER MOUSE CURSOR.

It's good to make your blog look awesome so visitors can fall in love with it to visit some other times.<p>Changing the blogger cursor,is also a way of getting your visitors attention.</p><img align="left" alt="[cursor.jpg]" src="http://farm9.staticflickr.com/8150/7276231144_53d0b8bc84_t.jpg">To change your cursor,all you've got to do is follow these very simple instructions.<h5>HOW TO CHANGE THE CURSOR.</h5>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> » </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>Now,search for <span style="color:red"><font size="6">]]></b:skin></font></span> by hitting <b>CTRL+F.</b><br />Just add the following codes directly <font size="6">above/before</font> ]]></b:skin></p><xmp>body, a, a:hover {cursor: url(http://cursors2.totallyfreecursors.com/thumbnails/1pointer31.gif), progress;}</xmp>Preview your blog and <font size="5">save your template.</font><p>To change the cursor,just change the link above with your cursor's address.<h5>HERE ARE SOME SITES TO GET COOL CURSORS FROM.</h5><ul><li><a href="http://www.123cursors.com" target="_blank"><span style="color:red"><b>123 cursors.</b></span></a></li><li><a href="http://www.cursors.funutilities.com/" target="_blank"><span style="color:red"><b>FUN UTILITIES.</b></span></a></li><li><a href="http://http://www.totallyfreecursors.com/" target="_blank"><span style="color:red"><b>TOTALLY FREE CURSORS.</b></span></a></li><li><a href="http://www.cursors-4u.com" target="_blank"><span style="color:red"><b>CURSORS FOR YOU.</b></span></a></li></ul>That's all!!!.

It's good to make your blog look awesome so visitors can fall in love with it to visit some other times. Changing the blogger cursor,is ...

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 »

CSS RELATED POST WIDGET.

<img align="left" alt="relatedposts.jpg" src="http://farm9.staticflickr.com/8003/7270510484_49bffe3d8a_t.jpg">In one of my <a href="http://freebie-planet.blogspot.com/2012/04/related-posts-widget-for.html" target="_blank"><span style="color:red"><b>previous posts,</b></span></a>I gave out a site to add the "Related post widget" to your blog,but for those who might prefer to embed the codes into their template,this is a nice way of doing that.<h4>HOW TO ADD THE WIDGET ON YOUR BLOG.</h4>First,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><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:#FFCC99">[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:#ccff00"><span style="background-color:#cccccc"><b></head></b></span></span>by pressing <b>CTRL+F.</b><p>On getting that,just copy/paste the code below directly <font size="3">before/above</font> it.</p><p style="background-color:#FF9966"><!--Related Posts with thumbnails Start--><br /><!-- remove --><b:if cond='data:blog.pageType ==&quot;item&quot;'><br /><style type="text/css"><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;<br />}<br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia,&#8220;Times New Roman&#8221;, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br />#related-posts a:hover {<br />background-color:#d4eaf2;<br />}<br /></style><br /><script type='text/javascript'><br />var defaultnoimage="<span style="color:red">http://farm8.staticflickr.com/7104/7267555714_285261d73d_t.jpg</span>";<br />var maxresults=<span style="color:#ccff33">5</span>;<br />var splittercolor="#d4eaf2";<br />var relatedpoststitle="Related Posts";<br /></script><br /><script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/><br /><!-- remove --></b:if><br /><!--Related Posts with thumbnails End--></p><p><big>NOTE»</big><br />When a post has no image,a default image is shown.To change the picture,get the address of an image,then change it with the url in <span style="color:red">red</span> above.<br />Likewise,to change number of posts,replace 5 in the code above.</p><big>Next</big>,search for either of these codes<br /><p style="background-color:#FF9933"><div class='post-footer-line post-footer-line-1'></p><big>Can't find that?</big>,search for this instead.<p style="background-color:#FF9933"><p class='post-footer-line post-footer-line-1'></p>On getting any of those two,copy/paste the code below directly <font size="4">after</font> it.<p style="background-color:#FF9933"><!-- Related Posts with Thumbnails Start--><br /><!-- remove --> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast!= &quot;true&quot;'><br /></b:if><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name+ &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp; max-results=<span style="color:#ccff33">5</span>&quot;' type='text/javascript'/></b:loop><br /><script type='text/javascript'><br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);<br /></script><br /></div><div style='clear:both'/><br /><!-- remove --> </b:if><br /><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><br /><a href='http://freebie-planet.blogspot.com'>Home of internet freebies.</a><br /></b:if></b:if><br /><!-- Related Posts with Thumbnails End--></p>CHANGE 5 ABOVE TO THE NUMBER OF POSTS YOU WANT SHOWN.<p>Now most importantly,save your template,and that's it.<br />Adapted from HELPLOGGER!!!.

In one of my previous posts, I gave out a site to add the "Related post widget" to your blog,but for those who might prefer to emb...

Baca selengkapnya »

GOOGLE +1 BUTTON FOR BLOGS.

As we all know,'google +1' button is one of the essential buttons a blog should have to become more popular.<img align="left" alt="google +1" src="http://searchengineland.com/figz/wp-content/seloads/2011/03/Picture-92-300x209.png"><p>This button is similar to facebook & twitter send buttons.</p><h3>HOW TO ADD THE BUTTON TO YOUR BLOG.</h3>To add this button,just follow the steps below carefully.<p>First,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account.</b></span></a><br />Go to <b><span style="color:red">Design/Layout</span></b><b><span style="color:blue"> →→ </span><span style="color:red">Edit HTML</span></b>.<span style="background-color:b0b0b0">[Backup your template in case something goes wrong.]</span><br />Check the box next to<br /><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,copy/paste the code below directly <span style="color:red"><font size="4">ABOVE/BEFORE</font></span> it.<p><script type="text/javascript" src="http://apis.google.com/js/plusone.js">{lang: 'en-US'} </script></p>Now,to add this button directly below your <b>post title</b>,search for <span style="color:red"><big><data:post.body></big></span> and paste the codes below directly <b>above/before</b> <data:post.body>,but if you would like it after your blog posts,then paste the code <b>below/after</b> <data:post.body>.<h6>HERE'S THE CODE</h6><p style="background-color:#c08080"><div style='float:left'><g:plusone size="<span style="color:red">standard</span>" expr:href="data:post.url"/></div></p>You can also change the size of the button above by changing the text in red to either <b>small,medium or tall</b>.<br />All that is left for you to do now is preview your blog to ensure there are no errors,and afterwards <big>SAVE YOUR TEMPLATE.</big>

As we all know,'google +1' button is one of the essential buttons a blog should have to become more popular. This button is similar ...

Baca selengkapnya »

ADD AN IMAGE/ICON/ANIMATION BEFORE BLOG POST TITLE.

<img align="left" src="http://www.tutoriallounge.com/wp-content/themes/tutlou/thumb.php?src=http://www.tutoriallounge.com/wp-content/woo_uploads/27-Create-Catchy-Blog-Post-Titles-for-Maximum-Readership-530.jpg&h=530&w=530&zc=1&q=90">To begin with this tutorial,you should have your image's address ready by searching for some cool images on the net.<br />You might also like to use an image on your desktop or phone,but don't know how to go about this,all you have to do is sign up to some image hosting websites on the net,then upload your image & get the link.<br /><dl><dt>Here are some nice image hosting websites</dt><dd><a href="http://www.flickr.com" target="_blank"><img align="left" alt="FLICKR!!!" src="http://l.yimg.com/g/images/iphone/en-us/flickr-from-yahoo-logo.png"></a></dd> <dd><a href="http://imageshack.us/" target="_blank"><img align="left" alt="IMAGE SHACK" src="http://farm3.staticflickr.com/2240/2072182007_22961ab2c0_m.jpg"></a></dd> <dd><a href="http://www.freeimagehosting.net/" target="_blank"><span style="color:red"><b>IMAGE HOST</b></span></a></dd> <dd><a href="http://postimage.org" target="_blank"><span style="color:red"><b>POST IMAGE</b></span></a></dd><dd><a href="http://tinypic.com/" target="_blank"><img align="left" alt="TINY PIC." src="http://static.tinypic.com/i/tinypic-branding.gif"></a></dd> <dd><a href="http://photobucket.com/" target="_blank"><span style="color:red"><b>PHOTO BUCKET</b></span></a></dd></dl>Just a few to mention.Like I said above,register to any of these sites>>upload your pics and get the link/url usually in .jpg , .png , &.gif formats.<h6><big>Back to the main issue.</big></h6>On getting the link to your image,paste it in the html code below,and save it somewhere.<br /><span style="background-color:#E0E0E0"><img src="<span style="color:#cc3300"><b>YOUR-IMAGE-URL-HERE</b></span>" style="border-width:0px"/></span><h3>HOW TO IMPLEMENT THIS</h3>Login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account</b></span></a> and go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> >> </span><span style="color:red">Edit HTML.</span></b>[<span style="background-color:ccffff">Backup your template in case something goes wrong.</span>] and <br />Check the box next to<br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template.</b></span><p>Search for <font size="6"><span style="color:red"><b:if cond='data:post.url'></span></font> in your template,by pressing <b>CTRL+F</b>.<br />On getting that code,just place the html you saved above directly <b>BELOW/AFTER</b> to get something like this <br><b:if cond='data:post.url'> <img src="YOUR-IMAGE-URL-HERE" style="border-width:0px"/></p>Preview your blog to ensure there are no errors,then <big>Save your template.</big><span style="color:orange">NOTE:-In case you couldn't get a small image to use,you can add the image-size-command by simply putting a <font size="7">WIDTH="50" HEIGHT="50"</font> before the closing tag of the image above.Change the "50" above to anything.</span>

To begin with this tutorial,you should have your image's address ready by searching for some cool images on the net. You might also like...

Baca selengkapnya »

PAGE NAVIGATION/PAGINATION FOR BLOGGER BLOGS.

Page Pagination/navigation widget is a very useful widget every blog should have.<br />The widget replaces blogger default 'next','previous' and 'home' link at the buttom of every post.Likewise,it makes your blog look more professional.<h3>HOW TO ADD THE PAGINATION WIDGET.</h3>Login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger acc.</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 scroll down to where you see "HTML/JAVASCRIPT" and select ADD.<br />Just copy/paste the code below and save the widget.<xmp><style type="text/CSS">.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #7AA1C3; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #7AA1C3; background-color:#F6F6F6; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #7AA1C3; background: #F6F6F6; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #7AA1C3; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#7AA1C3; } </style><br /><script type="text/JavaScript">function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==" .com /"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount = 2; var displayPageNum = 5; var upPageWord = 'Previous'; var downPageWord = 'Next'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord+'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += '<span class="showpagePoint">'+thisNum+'</span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = ''+upPageHtml+' '+html +' '; }else{ html = ''+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="COLOR:#000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script></xmp>THAT'S ALL!!!<br />Note:-Save the widget below <b>'Blog posts'</b>.

Page Pagination/navigation widget is a very useful widget every blog should have. The widget replaces blogger default 'next','pr...

Baca selengkapnya »

HOW TO TAG A FRIEND/GROUP OR PAGE ON FACEBOOK.

To tag a friend on your facebook status,you have to know the <a href="http://freebie-planet.blogspot.com/2012/05/how-to-find-facebook-iduid.html"target="_blank"><span style="color:red"><b>facebook Id/Uid</b></span></a> of that person first.<br />On getting the <a href="http://freebie-planet.blogspot.com/2012/05/how-to-find-facebook-iduid.html"target="_blank"><span style="color:red"><b>facebook Id/Uid</b></span></a>,just include the following codes in your status update.<p><font size="5">@[UID:0]</font></p>Replace the <b>UID</b> above with the 15 digits number of the person/group you want to tag.<br /><dl><dt>Example:</dt><dd>@[100023256560456:0]</dd></dl>THAT'S ALL.<br />For tutorial on how to get facebook Id,<a href="http://freebie-planet.blogspot.com/2012/05/how-to-find-facebook-iduid.html"target="_blank"><span style="color:red"><b>visit this post.</b></span></a>

To tag a friend on your facebook status,you have to know the facebook Id/Uid of that person first. On getting the facebook Id/Uid ,just inc...

Baca selengkapnya »

HOW TO FIND A FACEBOOK ID/UID.

Hello to everyone.Today,I'll be giving out some cool ways by which you can get your facebook Id.<br /><img alt="facebook logo" height="80" src="http://4.mshcdn.com/wp-content/uploads/2010/08/facebook-location.jpg" width="80">This though,is a very easy task for some people,but you can just use these to play or amuse some other person(s).<p>If you are a facebook newbie,&you don't know what it is,Facebook ID is that unique <b>15</b> digits that facebook gives to its users,groups,pages etc... for easy referencing.</p><h3>HOW TO GET ID.</h3>You can use any of the examples below..<ol><li>USING FACEBOOK GRAPH:-This is considered as the easiest way to get a facebook Id.<br />To do this,login to your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>Facebook acc.</b></span></a> and then follow this link <span style="color:red">http://graph.facebook.com/your-username-here</span><br />.Just change the <span style="color:red">your-username-here</span> above to your account <a href="http://www.freebie-planet.blogspot.com/2012/03/how-to-change-your-facebook-username.html" target="_blank"><span style="color:blue"><b>username</b></span></a> and feel the magic.</li><br /> <li>USING JAVASCRIPTS:- You can also get your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>Facebook Id</b></span></a> by using these simple javascripts.<br /><dl><dt>To get your own Facebook Uid/id</dt><br /> <dd>Go to your profile page & paste this in the address bar.<textarea rows="2" cols="30">javascript:alert('Your Facebook ID : '+Env['user'])

To get your friend/group/page's Uid/Id

Use one of the following on the particular profile/page you want to get. javascript:x=$('content').getElementsByTagName('a');for(i=0;i<x .length;i++)if(x[i].href.indexOf('[]')>1){y=x[i].href;alert('Facebook ID : '+y.substr(y.indexOf('[]')+3));break};void(0) OR javascript:x=document.forms;for(i=0;i<x .length;i++){if(document.forms[i].xhpc_targetid){alert('Facebook ID : '+document.forms[i].xhpc_targetid.value);break}};void(0)

NOTE:-
If you are using Google chrome or browsers which use webkit as their main search engine,then javascript: will be automatically scrapped even if you directly Copy-paste the above code.
In such case, just add javascript: at the start.!!!

Mobile users can also use UC BROWSER.

Hello to everyone.Today,I'll be giving out some cool ways by which you can get your facebook Id. This though,is a very easy task for som...

Baca selengkapnya »

OPERA-MINI BROWSER TRICKS.

<img alt="opera mini.png" height="30" src="http://www.opera.com/bitmaps/press/resources/img-press-logo.png" width="100">No doubt,OPERA-MINI is one of the world's leading internet browsers for both <a href="http://www.freebie-planet.blogspot.com/search/label/mobile%20phones" target="_blank"><span style="color:blue"><b>Mobile</b></span></a> and <a href="http://www.freebie-planet.blogspot.com/search/label/pc" target="_blank"><span style="color:blue"><b>Computer users.</b></span></a>.<p>Today,I 'll be giving some cool opera-mini tricks to play around with your browser.<br />Just paste any of the codes below in your opera browser.</p><span style="color:red"><b>config: , opera:config</b></span><br />Access menu Power-User setting<br /><span style="color:red"><b><br />opera:about</b></span><br />This is for seeing some opera information.<br /><span style="color:red"><b>opera:blank</b></span><br />To see blank page<br /><span style="color:red"><b>opera:cache</b></span><br />See all items on your browser's cache<br /><span style="color:red"><b>server:reset</b></span><br />Delete all cookies<br /><span style="color:red"><b>myopera:async</b></span><br />syncronice ur bookmark to Opera Mini<br /><span style="color:red"><b>myopera:login</b></span><br />Login to Opera Mini synchronize<br /><span style="color:red"><b>myopera:logout</b></span><br />Logout from Opera Mini synchronize<br /><span style="color:red"><b>myopera:signup</b></span><br />SignUp to Opera Mini synchronize<br /><span style="color:red"><b>myopera:term</b></span><br />Seeing ToS from Opera Mini sinkronisasi<br /><span style="color:red"><b>myopera:///b</b></span><br />Go To session "More Bookmark"<br /><span style="color:red"><b>myopera:///n</b></span><br />Go To note syncronization service<br /><span style="color:red"><b><br />myopera:///n/af</b></span><br />Create new folder to note syncronization service.<br /><span style="color:red"><b>myopera:///n/an</b></span><br />Create note to syncronization service<br /><span style="color:red"><b><br />debug: or server:version</b></span><br />Seeing Opera Mini version, and some information about OperaMini server which its used<br /><span style="color:red"><b>o:A</b></span><br />Go To first page of Opera Mini<br /><span style="color:red"><b>o:B</b></span><br />Seeing menu on fullscreen<br /><span style="color:red"><b>o:C</b></span><br />seeing tool menu on fullscreen<br /><span style="color:red"><b>o:D , o:E or o:F</b></span><br />No used<br /><span style="color:red"><b>o:G , o:H , o:K , o:N , o:O, o:P , o:Q , o:R , o:S , o:T , or o:W</b></span><br />Go to blank page<br /><span style="color:red"><b><br />o:I</b></span><br />Go To Menu Setting<br /><span style="color:red"><b>o:J</b></span><br />Go to menu Help<br /><span style="color:red"><b>o:L</b></span><br />Go to list of shortcut<br /><span style="color:red"><b>o:M</b></span><br />Go To page information<br /><span style="color:red"><b>o:V</b></span><br />Go To History<br /><span style="color:red"><b>o:X</b></span><br />Go To page About Opera (menu, ~tool, ~help, ~about)<br /><span style="color:red"><b><br />o:Y</b></span><br />To bookmark this page<br /><span style="color:red"><b>o:Z</b></span><br />Seeing all bookmarks<br /><span style="color:red"><b>o:$</b></span><br />Go to "failed to connect" page.<p>Gotten from http://www[dot]tricksndtricks[dot]in.</p>

No doubt,OPERA-MINI is one of the world's leading internet browsers for both Mobile and Computer users. . Today,I 'll be giving so...

Baca selengkapnya »

HOW TO PERMANENTLY DELETE A FACEBOOK ACCOUNT.

If you wish to delete your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>facebook</b></span></a> account for one reason or the other,just follow the steps below.<img alt="facebook logo" height="100" src="http://theminiaturespage.com/news/pics/2012/may/1263218426a.jpg" width="100"><br /><dl><dt><span style="color:red">STEP 1</span></dt><dd>Before you can delete your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>facebook account</b></span></a>,you'll have to delete all linked sites making use of that particular account.<p>To delete these linked accounts,login in to your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>facebook acc.</b></span></a> and click on App section in the sidebar. Now,delete all the apps/linked accounts that uses or connect with your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>facebook</b></span></a> profile.</p><b>NOTE</b>:-If you don't delete these applications,whenever you use a connected site to login with your <a href="http://www.facebook.com" target="_blank"><span style="color:blue"><b>facebook</b></span></a> information,the account deletion will be canceled and your account will be reactivated.</dd><dt><span style="color:red">STEP 2</span></dt><dd>When you're through with the step above,visit <a href="https://www.facebook.com/help/contact.php?show_form=delete_account" target="_blank"><span style="color:red"><b>this facebook link</b></span></a> and sign in to your facebook account.Now click <span style="background-color:#b05555"><span style="color:white"><b>DELETE MY ACCOUNT</b></span></span> & you are done.</dl></dt><br /><br /><strong><span style="align:center">IMPORTANT NOTICE</span><br />Do not login to that account for the next 14 days,i.e "2 weeks" if you don't want it to be re-activated.</strong>

If you wish to delete your facebook account for one reason or the other,just follow the steps below. STEP 1 Before you can delete your face...

Baca selengkapnya »

ADD REPLY BUTTON TO BLOGGER COMMENTS.

The "reply button" is one of the most essential hacks on blogger,as it gives you and your readers an advantage to reply directly on any comment.<br />With this hack,all you have to do is hit the reply button at the buttom of any comment and a pop-up window will open for you to write your comment and publish.<h2>HOW TO ADD THE BUTTON ON YOUR BLOG.</h2>To add the reply button,follow the steps below.<p>First,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account.</b></span></a><br />Go to <b><span style="color:red">Design/Layout</span></b><b><span style="color:blue"> →→ </span><span style="color:red">Edit HTML</span></b>.<span style="background-color:b0b0b0">[Backup your template in case something goes wrong.]</span><br /><br />Check the box next to<br /><br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span> and search for the code below by pressing <b>CTRL+F</b></p><data:commentPostedByMsg/><p>Now paste the following codes immediately <span style="color:red"><b>AFTER/BELOW</b></span> the code you got above.</p><p style="background-color:#EBDDE2"><span class='comment-reply'><br /><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="color:red"><b>YOUR-BLOG-ID</b></span>&amp;postID=&quot; + data:post.id+&quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName+ &quot;%22%3E&quot; + data:comment.author<br />+ &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars<br />=yes,width=400,height=450&quot;); return false;'><span style="color:red"><b>[Reply]</b></span></a></span></p>To make this script function on your blog,you'll have to replace <span style="color:red"><b>YOUR-BLOG-ID</b></span> above with your blog's Id numbers,usually 19.<br />To get your blog's Id,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account</b></span></a> and check the address of the current page in your browser,then copy the digits in it.<br />You can also change the <span style="color:red"><b>[REPLY]</b></span> above to anything like Reply to this comment,leave a comment on this e.t.c...<br /><br />Just preview and save your template.

The "reply button" is one of the most essential hacks on blogger,as it gives you and your readers an advantage to reply directly o...

Baca selengkapnya »

CREATE A SITE-MAP FOR BLOGGER.

Site-Map is essential on all blogs,as it allows for better & easier navigation.<br />Site map help make search engines such as <a href="http://www.google.com" target="_blank"><span style="color:red"><b>Google</b></span></a>,<a href="http://intl.m.yahoo.com" target="_blank"><span style="color:red"><b>Yahoo</b></span></a>,<a href="http://www.bing.com" target="_blank"><span style="color:red"><b>Bing</b></span></a>etc... crawl your site the more.<p>By placing all the URLs in one place, visitors can quickly find the specific content they want to read, and search engine crawlers can easily index all the pages listed on it.<br />With Blogger site map,your blog will be more visible on search engines and this can be an effective way of increasing your blog's visitors.</p><big>Below is my blog's site-map to give you a better understanding</big><br /><hr color="#800000" width="70%" site="2"><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><br /><script src="http://freebie-planet.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><hr color="#800000" width="70%" site="2"><p>With the example above,you can see that the list of all posts in my blog was displayed and it was easier for you to find any post in it.</p><h2>HOW TO ADD A SITEMAP IN YOUR BLOG.</h2>It's not possible to copy the links of all the posts above and start adding it one after the other.So I'll be giving you an easy javascript which will do the whole job for you.<br />HERE IT IS→→→→→<xmp><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><br /><script src="http://YOUR-BLOG.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></xmp><textarea rows="3" cols="30"><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><br /><script src="http://freebie-planet.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

HOW TO USE THE SCRIPT

To use this script,you will have to create a new blogger page,then paste the code above in the text-area.
Use SITE MAP as the title and thereafter,publish your page.

To add the site-map address to your blog's header menu,just view the page you just created and copy the link.

Site-Map is essential on all blogs,as it allows for better & easier navigation. Site map help make search engines such as Google , Yahoo...

Baca selengkapnya »

CREATE STATIC PAGES ON BLOGGER.

<a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a>allows every blog to have stand-alone pages which enables you to create and get the link address of a page which is hidden from your Blog visitors by default.<p>You are given the option of displaying your blog pages in the sidebar or any position you want to show it.<br />To enable your visitors see the complete list of your blog pages,just follow these steps.</p>First of all,Login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account</b></span></a>and go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> >> </span><span style="color:red">Page element</span></b> then select <span style="color:blue">'Add a gadget'</span><br />On getting to the next page,you will see varieties of <a href="http://freebie-planet.blogspot.com/search/label/widget%20." target="_blank"><span style="color:red"><b>Gadgets/Widgets you can add to your blog.</b></span></a>Just locate<span style="background-color:#b0b0b0"><span style="color:blue">"Pages"</span></span> and then select <big>ADD</big>.Now,the complete list of your created pages will be visible to your visitors.<p>When I started blogging,I didn't know the pages would be necessary for me to use,and I Know that's what many newbie bloggers will think.<br />Below are some benefits of using blog pages.<ul><li>You are able to create standalone pages which can only be viewed by visitors if allowed.</li><li>You can get the link of that page to add to your blog's top menu links or dropdown.</li></ul>Although,blogger allows just 10 static pages,it's kind of enough for a blog to use.</p><h3>WHAT TO CREATE IN BLOG PAGES.</h3>There is quite a number of things you can create on a blog page.<br /><strong>This includes:-</strong><ul><li>Site Maps</li><li>Privacy Policy</li><li>Contact Us Page e.t.c...</li></ul><h3>HOW TO CREATE BLOG PAGES.</h3>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a> and select <b>POSTING</b> →→ <b>EDIT PAGES.</b>.<br />On getting there,just select <strong>"NEW PAGE"</strong> and you are done.

Blogger allows every blog to have stand-alone pages which enables you to create and get the link address of a page which is hidden from your...

Baca selengkapnya »

HOW TO CHANGE "POST A COMMENT" TEXT IN BLOGGER.

In the default <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a> template,to post a comment a link is always provided,i.e <b>"Post a comment"</b> if the embedded comment form is disabled.<br />Likewise,the text is always seen above the comment area if the embedded comment form is enabled.<p>If you are not satisfied with this default text,you can simply change it with an image/text.<br /><h3>HOW TO GO ABOUT THIS.</h3>To change the <b>POST A COMMENT</b> text on your blog,just follow these simple steps.<br />First,login to your <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger Account</b></span></a> and go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> >> </span><span style="color:red">Edit HTML</span>.</b>[<span style="background-color:b0b0b0">Backup your template in case something goes wrong.</span>] and <br />Check the box next to <br /><span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template.</b></span></p>Now,search for the following codes by pressing <b>ctrl+f</b>.<p style="border: solid 10px#E6A9EC; background:#EBDDE2; padding: 15px; margin: 0; text-align: justify;line-height: 23px; color:#191970; "><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><span style="color:blue"><b><data:postCommentMsg/></b></span><br /></a></p>AND<br /><p style="border: solid 10px#E6A9EC; background:#EBDDE2; padding: 15px; margin: 0; text-align: justify;line-height: 23px; color:#191970; "><h4 id='comment-post-message'><span style="color:blue"><b><data:postCommentMsg/></b></span></h4></p><p>On getting those two codes,just <b>REPLACE</b> the texts in blue with whatever you like,such as <b>"Write a comment,leave your replies</b> etc.<br />To use an image instead of text,Just replace the codes in blue with the following.<br /><span style="color:red"><b><img src="YOUR-IMAGE-URL" alt="TEXT-TO-DISPLAY"/></b></span><br /><br />You are done.Just preview your blog and save it.</p><big>NOTE:-</big><b>Remember to change the "YOUR-IMAGE-URL" above to the link of the <span style="color:red">text's image</span> usually in .jpg , .png,etc format.<br />Likewise,change the "TEXT TO DISPLAY" above to the text your visitors will see in case they switched off their browser's image.</b>

In the default Blogger template,to post a comment a link is always provided,i.e "Post a comment" if the embedded comment form is...

Baca selengkapnya »

COMMENT BUBBLE FOR BLOGGER.

Comment bubble is very useful in blogs,as it makes your blog look more attractive and professional.<br /><big>What is comment bubble?</big><br />You would notice a number at the top right-hand of this post title with a picture in the background.That's what comment bubble does to blogs.It shows the number of comments in a post and when a visitor clicks on it,it slides automatically to the comment section of the post after loading.<h3>HOW TO ENABLE COMMENT BUBBLE.</h3>Login to your <a href="http://www.blogger.com"target="_blank"><span style="color:red">Blogger Account</span></a>and go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> >> </span><span style="color:red">Edit HTML.</span></b><span style="background-color:b0b0b0">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">]]></b:skin></span> by pressing Ctrl+F on your keyboard.<p>On getting that,paste the following codes <b>BEFORE/ABOVE</b> it.<xmp>.comment-bubble{float:right;width:48px;height:48px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim61nowxVCWnfKSAgg-fLSXidXHH-PyjI43cRt7F2H1ncws0knlBv_Av0RDPQ1RN0pDtg7PNAHCxmvxWvXMBxsTxldIyOmmIANKxsYCUi3kEN2oVswxmN4P8R5kkMRVzs_wgXNEnaOMPQ5/) no-repeat;font-size:18px;margin-top:15px;margin-right:2px;text-align:center;position:float;}</xmp><textarea rows="3" cols="20">.comment-bubble{float:right;width:48px; height:48px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim61nowxVCWnfKSAgg-fLSXidXHH-PyjI43cRt7F2H1ncws0knlBv_Av0RDPQ1RN0pDtg7PNAHCxmvxWvXMBxsTxldIyOmmIANKxsYCUi3kEN2oVswxmN4P8R5kkMRVzs_wgXNEnaOMPQ5/) no-repeat;font-size:18px;margin-top:15px;margin-right:2px;text-align:center;position:float;}

Now,find this piece of code <b:if cond='data:post.link'> by pressing CTRL+F as usual and replace it with the following~~

<b:if cond='data:post.allowComments'><br /><a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a><br /></b:if><br /><b:if cond='data:post.link'>

<b:if cond='data:post.allowComments'> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a> </b:if> <b:if cond='data:post.link'>

Now,preview your blog and SAVE it.
That's all. You should have a comment bubble on your blog now.
You can replace the image in the css code above with any of the following»»

Just get any of the image's url by right clicking on the image & change it with the one in the css above.

Comment bubble is very useful in blogs,as it makes your blog look more attractive and professional. What is comment bubble? You would notice...

Baca selengkapnya »

CUSTOMIZE BLOGGER COMMENT MESSAGE.

This is another way of encouraging your blog visitors to leave a comment before leaving.In one of my <a href="http://freebie-planet.blogspot.com/2012/04/adding-comments-policy-to-blogger-blogs.html"target="_blank"><span style="color:red">Previous posts</span></a>,we talked about adding <a href="http://freebie-planet.blogspot.com/2012/04/adding-comments-policy-to-blogger-blogs.html"target="_blank"><span style="color:red">comment policy</span></a> to blogs.<p>In Blogger default templates, if there are no comments in a post, the default template says "0 comments."<br />After the first comment,it says "1 comment," and so on.<br />Although this is accurate,it is not very attractive.</p>With this simple hack,you can include your message to it.<h3>STEPS ON HOW TO CUSTOMIZE THE MESSAGE</h3>Go to <b><span style="color:red">Design</span></b><b><span style="color:blue"> >> </span><span style="color:red">Edit HTML</span></b>.<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<br /><a name='comments'/></br> by pressing <b>ctrl+f</b>.<br /><p>Below that code,you will find the following piece of codes~<br /><pre><h4><span style="color:blue"><br /><b:if cond='data:post.numComments == 1'><br />1 <data:commentLabel/>:<br /><b:else/><br /><data:post.numComments/> <data:commentLabelPlural/>:<br /></b:if></span><br /></h4></pre><br />Just replace the codes in <b>blue</b> with the following~<br /><pre><b:if cond='data:post.numComments == 0'><br /><span style="color:red">Be the first to reply!</span><br /><b:else/><br /><b:if cond='data:post.numComments == 1'><br />1 <data:commentLabel/> <span style="color:red">so far. What are your thoughts?</span><br /><b:else/><br /><data:post.numComments/> <data:commentLabelPlural/> <span style="color:red">so far. What are your thoughts?</span><br /></b:if><br /></b:if></pre><textarea rows="3" cols="30"><b:if cond='data:post.numComments== 0'>Be the first to reply! <b:else/><b:if cond='data:post.numComments== 1'>1 <data:commentLabel/>so far. What are your thoughts? <b:else/><data:post.numComments/> <data:commentLabelPlural/>so far. What are your thoughts? </b:if></b:if>

Having done that,just preview your blog and thereafter SAVE it.
THAT'S ALL!!!.

You can edit the texts in red to yours.

This is another way of encouraging your blog visitors to leave a comment before leaving.In one of my Previous posts ,we talked about adding ...

Baca selengkapnya »