Sunday 15 January 2012

Free Blogger Tricks is Ready for Mobile Phones


As you know, many of people have started using mobile. So, it's not impossible for people to open our blog by their phone. And maybe you think, the appearance on mobile is bad. But throw away your mind, the appearance on mobile is clean and ease. Its just contains some lines. One page contains 5 post (shorten). The trick s very very easy... You just follow the tricks below.
Add this code beside your link
?m=1


So, the link will be like this



http://freebloggertriks.blogspot.com/?m=1


OK, that's all friend... Very easy right.  Free Blogger Tricks is Ready for Mobile now. 


So, Here is How to Make Your Blogger (Blogspot) Blog Mobile Internet Friendly..

1. Sign into your Blogger account > Design > >>>>Edit html
2. Search (Ctrl+f) for the following line (it will be on top side)

<b:include data='blog' name='all-head-content'/>
3 .Now after this line add the following code


<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>


<b:if cond='data:blog.isMobile'>


<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>


<b:else/>


<meta content='width=1100' name='viewport'/>


</b:if>

Now click Save Template  

Saturday 14 January 2012

Add Facebook Comment Style for Blogger


Previously, I've posted about Add Facebook Fan Page In Blog. Now, I will post about&nbsp;Add Facebook Comment Style for Blogger. I think this trick also important, because maybe some of our visitors don't have a blogger account. Or maybe, they can't navigate blogger comment style. If you want to know how to&nbsp;add facebook comment style for blogger, just follow the steps below.


Hide Blogger Comment Box
1. Log in to your blogger account
2. Go to Settings --> Comments
3. Find "Comments", and choose "Hide"
4. Click SAVE SETTINGS

dd Facebook Comment
1. Go to Design --> Edit HTML
2. Check in the "Expand Widge Templates" box
3. Copy the code below, and paste under <data:post.body/> (If you're using "Read More", there are 2 <data:post.body/>, so choose the second)




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://freebloggertriks.blogspot.com/2011/04/add-facebook-comment-style-for-blogger.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMvdKCEpcaXKZ-0_uKTE2lM0QkN9iOYL13Xf2j-nyrgZYXgWQksXHUDDztD2W1u1kUAFvBJ_itOL-wUtpI-bRsUY0JX4V2rWRn14hZV0isvZ-Mkfuo1tUQ5lclBQCYVfUbvePE_mIWdQ/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;149973631711831&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
4. Now you can click SAVE TEMPLATE 

Friday 13 January 2012

Add Facebook Fan Page In Blog


 Do you have a facebook account? If you have, you can add facebook fan page in blog. One of the function of facebook fan page is to promote your blog in Facebook. As we know, Facebook is the greatest Social Bookmarking website in this world. So, if you promote your blog in facebook, I'm sure you can get many visitors per day. Shortly, if you want to add facebook fan page in your blog, just follow the steps below. See, the example first!


1. Sure, create your facebook fan page
2. Then, go to Facebook Developers
3. Settings the facebook like box, click "Get Code"
4. Choose "iframe"
5. Add the code in your blog 
6. Click SAVE

Thursday 12 January 2012

Amazing Cool Online Image Editors



Photoshop: As the name suggest, it is lightweight version of the heavyweight brethren desktop Photoshop. But there are still some rough around the edge which is quite expected, but it is smart enough to let you do some menials tasks like cropping, resizing images and if you are new around design industry, you can try out its effects, though they may not be that much perfect. This is perfect tool for those who wish to have a small version of Photoshop online to do some repetitive tasks without opening Photoshop again and again.

Splashup: if you go by its interface, you may be in for a surprise. It looks almost a carbon copy of Photoshop and the best part of it is that you will not be missing much of its effects. Apart from offering some image editing facilities, this online image editor also comes loaded with wide range of tools. You can have layers, filters and Splashup is extremely powerful at multiple image editing without making your browsers unresponsive. And do not forget to pull images directly from facebook, Picasa, Flickers to this extraordinary online image editor.

Picnik: This is a less powerful online image editor and it is basically built around the concept of enabling users making small changes in images. Nevertheless, this is still a nifty little online image editor quite capable of taking some extra loads as well. It is great at creating filters, doing some basic editing tasks but you should not look for layers here, it is conspicuously absent here. It is good at getting connected to Myspace, Picasa, Facebook with Picnik.

FotoFlexer: It is another basic online image editor like Picnik and it is probably developed with the concept of offering a fast and easy to use interface for doing some basic touchups and editing. And without any shred of doubt, I can say that, it is really good at it. However, to be very honest, this tool really needs some serious makeover if it is to survive the competition.

Aviary: It is all-in-one kind of tool. It got everything that you can fancy about and its effects are no way less perfect than its desktop counterparts. It is quite capable of doing some complex tasks like grouping, taking layers, filters and other advanced options. It is a perfect online image editing tool for anyone who wants to have everything online.

Pixlr: It is my favorite though it has been wronged as another attempt at imitating Photoshop. Since the interface is quite similar to that of desktop Photoshop, you can jump at it without looking over your shoulders.  Its features are not crude and there are different options to play around. It is really superb at image editing and what else you want from an online image editor except this?

flauntR – Now if you are lazy like me who find it irksome to go through the same techniques hundred times a day to generate a desired effect, flauntR is probably the best online image editor available. This online image editor comes preloaded with massive collections of cool effects and it takes some clicks and all the effects will be applied. It is that easy. But it has its drawbacks. Advanced editing is almost impossible with this tool unless you go crazy with the existing set of tools. However, its tools are good enough for doing some basic tasks like doing minor tweaks here and there in the images. This online image editing tool has integration with almost all major image sharing website or online community.

Sumo Paint: It is another Photoshop lookalike tool but definitely it is not a run of the mill product by any stretch of imagination. And its collection of tools is quite impressive. Its interface is intuitive and impressive at the same time.

MyImager.com – This is one such online image editor I would hate to have in my collection. Its interface is awkward and it takes some doing to come to term with this. But despite its awkwardness, some people do fall in love with this awkward online image editor and so, I have left with no choice but to include it.

Wednesday 11 January 2012

How To Install HTML Parser Tool In Blog/Blogspot


Usually, if you want to parse html, you will go to Centricle, Blogcrowds, or the other. Now, I found a trick to install the tool in your blog. This trick will install the tool into your blog. Before I give the steps, i will show the result
If you are inteterested, you just follow the steps
1. Log in to your blogger account
2. Go to Design>>>Page Elements>>>Add Gadget
3. Choose "HTM/Java Script"
4. Then, copy the code below and paste on it

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=320&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

5. Finish? Save it

Tuesday 10 January 2012

How To Set Backlinks Checker Tool In Blog/Blogspot


Do you know, what is backlinks? Backlinks are links to our blog or website. The number of backlins is one of indication of the popularity of that website. Usually backlinks is used to determine the PageRank of a website. But, do you know the number of your blog backlinks? If you don't know, you can following the steps and add thw tool into your blog, so you can check your backlinks.

1. Log in to your blogger account
2. Go to Design>>>Page Elements>>>Add Gadget
3. Choose "HTML/Java Script"
4. Copy the code below, and paste in the place


<!-- iWEBTOOL - www.iwebtool.com - Backlink Checker -->
<form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/backlink_checker/backlink_checker.php"  target="pageframe" onsubmit="return validate(this);">
<table border="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="956" height="91" valign="top">
<table style="border-collapse: collapse" width="100%" height="76" class="tooltop">
<tr>
<td>
<table border="0" style="border-collapse: collapse" width="100%" cellspacing="5">
<tr>
<td height="28" width="184"><b><font size="2">Your domain:
</font></b></td>
<td height="28" width="239">
<input type="text" name="domain" size="33"></td>
<td height="28" width="529">
<input type="submit" value="Check Now!" style="float: left"></td>
</tr>
<tr>
<td width="184" height="21">&nbsp;</td>
<td width="770" colspan="2" height="21" valign="top"><font size="1">(eg. full-tricks.blogspot.com.com)</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="956">
<iframe name="pageframe" width="100%" height="530" class="toolbot" frameborder="0">
</iframe></td>
</tr>
<tr>
<td width="956">
&nbsp;</td>
</tr>
</table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script><p><a href="http://www.iwebtool.com/" target="_blank"><font size=1>Powered by iWEBTOOL</font></a></p>
<!-- iWEBTOOL - www.iwebtool.com - Backlink Checker -->
5. Finish? Save it now!
If you finish, the result is like this (only the image)

Monday 9 January 2012

Tips- Fastest and Easiest Way to Build Navigation Menu

Hi, Bloggers! Now, we're gonna try novelty. That's the fastest and easiest way to build navigation menu. How? We just use CSS Menu Generator. I think, it's very useful software for the beginners. Btw, why I said the software is easiest and the fastest?
Easiest : Because we will use software, so we won't modify the code one by one
Fastest : The code will be display directly after we set its navigation


This software has 3 basic featres. So, what's the features of CSS Menu Generator?

  • HorizontalMenu
  • Vertical Menu
  • Dropdown Menu

Below is the screenshot of CSS Menu Generator

So, what are you waiting for? Just dowonload this software. Click the link




  • CSS Menu Generator (760 KB)



  • How to add into blogger? Just:
    1. Log in to your blogger account
    2. Go to Design --> Page Elements --> Add Gadget
    3. Choose "HTML/Java Script"
    4. Get the code, and add it
    5. Click SAVE
    Related Posts Plugin for WordPress, Blogger...
    ;