How to get Adsense account verified / approved
John:Hello Marsh!
Marsh:Hey John wass up buddy!
John:Hey Marsh I just created a blog yesterday and am going to apply for an Adsense account to earn some bucks from my blog.
Marsh:Oh that sounds great,but did you checked about some Rules that you should follow before submitting an application to Adsense?
John:Oh no dear what are they???
Marsh:Continue Reading...
Hello guys,we are back with yet another post @ Killertrick.com.Hope its going to be a wonderful weekend for our readers and so for us.We just applied for an Adsense account for Killertrick.com right some moments ago and hope to get some positive results from them.But we are here to tell some Do's and Dont's to our Blogger fellows who might me doing this very soon.
Adsense is a very popular Internet Advertising Campaign run by Google and the reason behind its popularity is the name that runs it-'Google'.So before going to apply for it to earn some profit from your blog/website(come on we righter's too need some support)here are some of the very important Do's & Dont's you should have in your mind to get more desired results.
Do's:
1.Make sure that you are not already showing ads of some other advertising campaign on your blog.If you do,then first remove them and then submit your app to Adsense.
2.Enter a valid email address while Signing up for an Adsense account because it will act as your Username while logging in to Adsense.
3.Adsense is not yet supported for all languages.Make sure your site's language is in their Dictionary before applying.
4.Make sure your site gets some decent traffic to enhance your chances of getting approved.
Dont's:
1.Make sure your all the information you feed is correct.I mean your name,don't make it short and never type in your nick name.It should be your full name which your loving parents gave you.Don't think you can fool Google.And be even more serious while typing your address to make sure that your hard work's result reaches to your hand safely(we know how much you awaited for the first check).Provide a complete mailing address that should include:
* Street Address (including house number, street name/number, flat/apartment number)
* City / Town
* State / Area
* Zip Code
* Country / Territory
2."Please Click on Ads to Support us!!!"Never be such a fool to place such slogans on your website that encourages or request visitors to click on your ads as I can't explain how much Adsense hates this.As soon as they will found such things on your website,a rejection email will be delivered to your Inbox.
3.You must be the owner of the website you are showing in your Adsense account and you should have rights to edit its HTML source code.Don't say to them that you are applying an Adsense account for Google.com,and also don't apply Adsense for an Hallucinated website.
4.And don't be so impatient that you apply Adsense for an under-construction site or a site that is not more than a six months old(only in India & China).This means,if you are and Indian or Chinese,you will have to wait for atleast 6 months before applying for an Adsense account.
5.Your website should also not be difficult to navigate through and should not contain links that takes you no where.
6.Don't hope that Adsense will approve your site if it contains Copyrighted or illegal material on it.
For a complete list of their Program Policies,you may like to check out this link.
A response from Adsense team can take 2-3 working days so have patience and be optimistic.

How to add Paypal Donate Us Button
Adding a Donate Us button to your blog is a wise idea as it can help you earn some money from your visitors if they liked your blog.Many people didn't know how to do this.So this post will help you.
1.Go to this link and select Create a New Button.Note:You should not be logged into your Paypal account before doing this.If you are,then log out before going further.
2.Add your details as shown in picture below.
3.Click on Create Button and you will get a HTML code.Simply copy the code and add it your your blog as an HTML Gagdet.

Blog This! A cool Chrome Extension For Bloggers
Google has launched a new extension for its Chrome users called Blog This!As name suggests,Blog This! makes it lot more easier to publish a post by simply clicking Blogger Button and it will open a new window with the link of the webpage you are in.

How to change Favicon in Blogger
Favicon is a small image shown before your blog URL in address bar.You can change this image to any imae you like to suit your needs.Here is a simple hack,just follow it:
1.Find the <head> code in your template and paste the following code after <head> tag.
2.Change your image url with the URL of your image and click Save Template.
3.For as many favicons as you want,visit Iconj.com

Show Commentators Profile Pic In Blogger
Using this simple and easy hack,you can enable your blogger template to display the picture of who is commenting under your post.This is a cool tweak and many bloggers will be wanting to use it.So here are the simple steps:
1.Login to your Blogger Dashboard--->Layout--->Edit HTML and click on Expand Widget Templates.
2.Now search for </head> code in your template and the paste the following code just before </head>
<script type=’text/javascript’>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>
3.Now find below code in your template:
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
<a expr:name=’”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<b:else/>
Add <div class=’commentphoto’ style=’float:left;’/> just after <dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
You can also change the float from left to right according to your choice.
4.Now find the code given below:
<span class=’comment-timestamp’>
<a expr:href=’”#comment-” + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>
Add <div style=’clear:both;’/> just after the code given in red,i.e., </dd>
Now click save template and you are done.

Best SEO Tool-SEOQuack
SEO short for Search Engine Optimization is one of the most important thing that a blogger need to worry about if he wants to run his blog perfectly and wants to get plenty of visitors.Focusing on this thing,I am here with a very unique,different and best tool known as SEOuack.
Accourding to the SEOQuack Developers:
"Seoquake is a powerful tool for Mozilla Firefox, aimed at helping web masters who deal with search engine optimization and internet promotion of web sites. Seoquake allows user to obtain and investigate many important SEO parameters of the internet project under study on the fly."
I am using it and it works perfectly and didn't take much of your bandwidth unlike other tools which slows down your internet as well as PC's speed.
It is available for all the leading Internet Browser softwares including Mozilla Firefox,Google Chrome and Internet Explorer.
Here is a screenshot of what info this tool displays when I search for Killer-tricks.blogspot.com:
It dislpays Google PR,Google Index,Yahoo Links,Yahoo LinkDomain,Bing Index,Alexa rank and much more.So grab it now!!!
Mozilla Firefox users click here
Google Chrome users click here
Internet Explorer users click here
For solution to your any problem regarding this post,feel free to make a comment.

Chatroom Widget by 99chats.com
If you have a blog or website and want something to have so that your visitors can interact with each other and can ask and solve problems themselves,then this tutorial is for you.
99chats.com is providing a perfect solution for this and that also for free of cost.I have checked the interface of this widget and it is cool and works perfectly and really look professional.You should try this.
1.Open 99chats.com and click on Sign up now button.
2.Enter your email and type a password and click on sign up.
3.Now configure your chat room widget by selecting Room name,language and the most important thigs-a nice Theme that matches your website/blog's color scheme and then click Continue.
4.Now copy the javascript embed code and it it your blog either in Dashboard>Layout>Add a Gadget>HTML/Javascirpt or simply make a new post about this widget and add this in it and save your post.It is better idea to add it in new post.
If you got any problem or need any help,then feel free to comment and I will reply you ASAP.

Remove nofollow Attribute from Blogger to increase Page Rank
Removing nofollow attribute from your blog's template can help you a lot in increasing your blogs PR by making your comments to be indexed on Google which will ultimately help you get more traffic and better Page Rank. Let us see how to do this:
1.Login to your Blogger Dashboard>Layout>Edit HTML.
2.Click on Expand Widget Templates.
3.Search for below code in your template:
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author'expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" +data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
4.Now you have two choices,either remove code in red,i.e.,rel='nofollow' or simply remove no so that it looks like following code:

5.Now click save Template and you are done.

How to add Recent Comment Widget
Here is a screen shot of what we are going to make:
1.Login to your Blogger Dashboard>Layout and click on Add a gadget.
2.Select Feed from Pop up window.
3.Add Feed URL as http://yourblogurl.blogspot.com/feeds/comments/default/
4.Change yourblogurl with URL of your blog and hit Continue.
5.Change title to Recent Comments or what ever you want and then click Save and you are done!!!!

Add Google Search box to search content in your own Blog
Adding a search box for searching content in your own blog is a nice idea because it will allow easy access to all your posts.let us see how to add a Google Search box in your blog:

How to make a vertical menubar
Here is a screenshot of what we are going to make:
Its very easy to make.Just follow below steps:
1.Login to your Blogger Dashboard--->Layout--->Edit HTML and backup your template.
2.Search for ]]></b:skin> in your template and paste the following piece o code before it:
border-bottom-width: 0;
}
#vertical-1 ul{
margin: 0;
padding: 0;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /*pemilihan bentuk huruf */
}
#vertical-1 a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 200px; /* width of mrnu */
text-decoration: none;
color: #333222; /* this is the color of alphabet */
border-right:1px solid #000000;
background-color: #FBEC04;
border-bottom: 1px solid #6A6731;
border-left: 7px solid #918C3B;
}
#vertical-1 a:hover {
background-color: #FAF6B9;
border-left: 12px solid #918C3B;
width: 195px; /*lebar */
}
#vertical-1 div.menutitle{
color: white;
border-bottom: 1px solid #053E66;
padding: 5px 3px 5px 13px;
background-color: black;
width: 201px;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
3.Now click save template and go to Page Elements>Add a Gadget>HTML/Javascript and add following code in it:
<div class="menutitle">CSS Library</div> <!-- this is the 1st title -->
<ul>
<!-- Please alter with your links -->
<a href="http://killer-tricks.blogspot.com">Home</a>
<a href="http://killer-tricks.blogspot.com/">Verticle menu</a>
<a href="#">example</a>
<a href="#">example1</a>
<a href="#"></a>
<!-- add any links here -->
</ul>
<div class="menutitle">Blogger</div> <!-- this is the 2nd title -->
<ul>
<a href="#">Example2</a>
<a href="#">Example3</a>
<a href="#">Example4</a>
<a href="#">Example5</a>
<a href="#">Example6</a>
<a href="#">Example7</a>
<!-- add any links here -->
</ul>
</div> <!-- end off vertical-1 menu -->
4.Now change the above links with your one and save the gadget and you are done...

How to Add jQuery Color Fading Menubar to Blogger
Having a nice menu bar can increase your blogs look and make it look more professional.Let us see how to do this?
1.Login to your Blogger Dashboard--->Layout--->Edit HTML.
2.Backup your template before making any change in your templates.
3.Search for closing head tag in your templates,ie.,search for </head> and add the following piece of code just before it:
<script type='text/javascript'>
//<![CDATA[
/*
* jQuery Color Animations
* Copyright 2007 John Resig
* Released under the MIT and GPL licenses.
*/
(function(jQuery){
// We override the animation for all of these color styles
jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
jQuery.fx.step[attr] = function(fx){
if ( fx.state == 0 ) {
fx.start = getColor( fx.elem, attr );
fx.end = getRGB( fx.end );
}
fx.elem.style[attr] = "rgb(" + [
Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
].join(",") + ")";
}
});
// Color Conversion functions from highlightFade
// By Blair Mitchelmore
// http://jquery.offput.ca/highlightFade/
// Parse strings looking for color tuples [255,255,255]
function getRGB(color) {
var result;
// Check if we're already dealing with an array of colors
if ( color && color.constructor == Array && color.length == 3 )
return color;
// Look for rgb(num,num,num)
if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
// Look for rgb(num%,num%,num%)
if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
// Look for #a0b1c2
if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
// Look for #fff
if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
// Otherwise, we're most likely dealing with a named color
return colors[jQuery.trim(color).toLowerCase()];
}
function getColor(elem, attr) {
var color;
do {
color = jQuery.curCSS(elem, attr);
// Keep going until we find an element that has color, or we hit the body
if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
break;
attr = "backgroundColor";
} while ( elem = elem.parentNode );
return getRGB(color);
};
// Some named colors to work with
// From Interface by Stefan Petre
// http://interface.eyecon.ro/
var colors = {
aqua:[0,255,255],
azure:[240,255,255],
beige:[245,245,220],
black:[0,0,0],
blue:[0,0,255],
brown:[165,42,42],
cyan:[0,255,255],
darkblue:[0,0,139],
darkcyan:[0,139,139],
darkgrey:[169,169,169],
darkgreen:[0,100,0],
darkkhaki:[189,183,107],
darkmagenta:[139,0,139],
darkolivegreen:[85,107,47],
darkorange:[255,140,0],
darkorchid:[153,50,204],
darkred:[139,0,0],
darksalmon:[233,150,122],
darkviolet:[148,0,211],
fuchsia:[255,0,255],
gold:[255,215,0],
green:[0,128,0],
indigo:[75,0,130],
khaki:[240,230,140],
lightblue:[173,216,230],
lightcyan:[224,255,255],
lightgreen:[144,238,144],
lightgrey:[211,211,211],
lightpink:[255,182,193],
lightyellow:[255,255,224],
lime:[0,255,0],
magenta:[255,0,255],
maroon:[128,0,0],
navy:[0,0,128],
olive:[128,128,0],
orange:[255,165,0],
pink:[255,192,203],
purple:[128,0,128],
violet:[128,0,128],
red:[255,0,0],
silver:[192,192,192],
white:[255,255,255],
yellow:[255,255,0]
};
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var hoverColour = "#FFF";
$(function(){
$("a.hoverBtn").show("fast", function() {
$(this).wrap("<div class=\"hoverBtn\">");
$(this).attr("class", "");
});
//display the hover div
$("div.hoverBtn").show("fast", function() {
//append the background div
$(this).append("<div></div>");
//get link's size
var wid = $(this).children("a").width();
var hei = $(this).children("a").height();
//set div's size
$(this).width(wid);
$(this).height(hei);
$(this).children("div").width(wid);
$(this).children("div").height(hei);
//on link hover
$(this).children("a").hover(function(){
//store initial link colour
if ($(this).attr("rel") == "") {
$(this).attr("rel", $(this).css("color"));
}
//fade in the background
$(this).parent().children("div")
.stop()
.css({"display": "none", "opacity": "1"})
.fadeIn("fast");
//fade the colour
$(this) .stop()
.css({"color": $(this).attr("rel")})
.animate({"color": hoverColour}, 350);
},function(){
//fade out the background
$(this).parent().children("div")
.stop()
.fadeOut("slow");
//fade the colour
$(this) .stop()
.animate({"color": $(this).attr("rel")}, 250);
});
});
});
//]]>
</script>
<style type='text/css'>
div.hoverBtn {
position: relative;
float: left;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL-EPtlLA-5hFDojKJ7xieARbAmSUFyjN-oJVrBG0JLQluS6Jy18aTsXhNRIvyzo-bMyiTvwfsduZ3r7OTBHa0eB39R3_w-ALGm8XhEEP7e8gQ07GDCua_byCRlryk3VMx3fkBnIl79trd/) repeat-x 0 0 scroll;
}
div.hoverBtn a {
position: relative;
z-index: 2;
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 1.1em;
text-decoration: none;
color: #000;
background: transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
display: none;
position: absolute;
z-index: 1;
top: 0px;
background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVXj1fW-BonG0STflNoF11nCDBP64vpZ4oL3oEwCeTp-ETYZjDdQ3YxnCN-UoP5OznnebWJCoINLDZ-4bZk6zk7CCDrLaq4cAOsRzuidWKDhoBOH5fa1GBoEe2q_xCVWSyLLxau3RJwX_8/) repeat-x 0 0 scroll;
</style>
4.Now click save template and go to Layout-->Page Element and click on "Add a gadget" and select HTML/Javascript and add following piece of code in it:
<a class="hoverBtn" href="#">HTML</a>
<a class="hoverBtn" href="#">CSS</a>
<a class="hoverBtn" href="#">About</a>
<a class="hoverBtn" href="#">Contact</a>
5.Change above links with yours and enjoy!!!!

How to Find Exact Number of Subscriber of any Blog
Everyone wants to get more and more subscribers these days.Some of them also shows wrong images like 1245 readers or 33k readers.Some also don't prefer to show their number of subscribers.But with the method I am going to show you,you can find subsribers for any blog and website.

How to use Alexa to find everything about your Blog
In the previous article about Alexa,I have posted full tutorial about How to Submit Your Blog to Alexa.In this article,I will be showing you how to use alexa service to find each and everything you need to know about your blog.But for this,your site or blog should be indexed and ranked by Alexa properly.Now if you are confused that what does properly mean,so lemme answer you that it means that your blog's rank should not be something like 7 only.Because if it is so,then your blog is not yet indexed by alexa and it is still showing blogger.com's rank in place of yours.To slove this,follow this link and submit your blog to alexa for crawling.

Add Related Post Widget with Thumbnails
Adding a widget which shows all your related post with thumbnails can really help you in increasing your page views and time visitors spend on your blog.So here I have brought an instant and very easy trick from www.linkwithin.com using which,you can show your related post accourding to your label.let us see how to do this:

How to submit blog to Alexa
Q-What is Alexa?

Add auto Readmore function with Thumbnail feature in Blogger
This nice tweak will create auto summaries for your blog with thumbnail and you will not have to add any code in your every post.It is also very useful if you have changed your blogger template because in that case,your older read more function will not work.But this one will work for your every post.
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>

How to remove underlining in links
Whenever we make a hyperlink,it is always shown by an underline.But it is possible to remove the underlining.For this,all you have to do is to add a code between <a and href as shown below:
And this will give result like this:
Blogger Tricks

Add Numbered Page Navigation in Blogger
Adding a numbered Page Navigation Bar in your blog can really help you in increasing looks of your blog and make it look more professional.A numbered page navigation bar will remove the traditional way of showing Older Posts link in blogger and will change it with the image given below.
To add this to your blog,simply follow the steps given below:
1.Login to your Blogger Dashboard--->Layout--->Edit HTML.
2.Search for following piece of code in your template:
3.Now add the following piece of code just before above code:
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
4.Now search for following code in your template:
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>
5.Now if you cannot find above code,then try searching for above code by changing value of yes to no.
Add this java script code after </b:section>
Now you are done.Click save template and welcome new Numbered Page Navigation Bar in your blog!!!!!!!!

How to Highlight Author's Comment in Blogger
This tip is going to prove very useful for every blogger because we do have to interact with our visitors via comments.Following steps given below,you can highlight your comments under a post so that it looks unique then other comments.
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
