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.


Read More Add your Comment 2 comments


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.



Read More Add your Comment 6 comments


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.


Read More Add your Comment 7 comments


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.


<link href='your image url' rel='shortcut icon'/>

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


Read More Add your Comment 0 comments


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 src=’‘http://www.thetricks.net/blogger/blogger_comment_photos.js“ type=’text/javascript’/>

<script type=’text/javascript’>

//<![CDATA[

addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});

//]]>

</script>


3.Now find below code in your template:
<dl id=’comments-block’>

<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:
<dd class=’comment-footer’>

<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.

Spl. Thanx to TheTricks.net


Read More Add your Comment 1 comments


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.


Read More Add your Comment 0 comments


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.


Read More Add your Comment 62 comments


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:

<dl id='comments-block'>

<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.
Enjoy blogging!!!!!!


Read More Add your Comment 9 comments


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!!!!


Read More Add your Comment 1 comments


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:


1.Login to your blogger dashboard>Layout.


2.Click on Add a Gadget and select Search Box from pop up window.


3.Now configure settings for your box and then hit save and you are done.


For more such dummy tutorials,keep visiting KT and don't forget to subscribe to us.


Read More Add your Comment 5 comments


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:

#vertical-1{

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 id="vertical-1">

<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...

Spl. Thanx to Nandu Patel[Admin-Thetricks.net]


Read More Add your Comment 4 comments


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 src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


<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="#">Home</a>


<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!!!!

Spl. Thanx to Lasantha bandra for sharing this with us.


Read More Add your Comment 2 comments


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.




First,find feed address for that blog.Feed address is something like this:


Read More Add your Comment 2 comments


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.


Read More Add your Comment 0 comments


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:


Read More Add your Comment 1 comments


How to submit blog to Alexa



Q-What is Alexa?

A-Alexa is a website that rates other websites and blogs according to number of visitors they receive daily.It means that,lower the rank you have,greater the number of visitors you are receiving than blogs having higher alexa rank than you.It means,having a lower alexa rank is better and not higher one.


Q-How to submit a blog to alexa for indexing?
A-If you have a blog or website,which is currently not indexed by alexa,you can add it to alexa by following the steps I have given along with images below:


Read More Add your Comment 11 comments


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.

1.Login to your Blogger Dashboard--->Layout--->Edit HTML.
2.Click on Expand Widget templates and search for </head> in your template.
3.Now add below code just before </head> in your template.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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'/>

4.Now search for <data:post.body/> in your template and replace this code with following piece of code:
b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<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>
</b:if>

5.Now click save template and you are done!!!
Happy Blogging!!!!!!!!


Read More Add your Comment 0 comments


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:

<a style="text-decoration:none" href="http://killer-tricks.blogspot.com/"> Blogger Tricks</a>

And this will give result like this:
Blogger Tricks


Read More Add your Comment 5 comments


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:

]]></b:skin>


3.Now add the following piece of code just before above code:

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;

}



.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:section class='main' id='main' showaddelement='yes'>

<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>
You will also have to change the value of no to yes in your template for this tweak to work.


Now you are done.Click save template and welcome new Numbered Page Navigation Bar in your blog!!!!!!!!


Read More Add your Comment 6 comments


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.


Lets get started.

1.Login to your Blogger Dasboard>Layout>Edit HTML.
2.Now click on Expand Widget Templates.
3.Search for following code:
]]></b:skin>

4.Copy code given below and put it before ]]></b:skin>
.comment-body-author {
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*/
}

5.Now search for following piece of ode in your template:
<dl id='comments-block'>
<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>

6.Replace the above code with following code:
<dl id='comments-block'>
<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>

7.Hit save template and now comment under any post of your blog with your Blogger Account and you will see that your comment is highlighted.


Read More Add your Comment 0 comments


 

© 2010 The Tech Pirate|Blogger Tutorials,Facebook Tips,Web News,PC Softwares & More... All Rights Reserved