Blogging Blogger Template

Template name : Blogging

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Blogging Blogger Template

blak-magik Blogger Template

Template name : blak-magik

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - blak-magik Blogger Template

Black-Pearl Blogger Template

Template name : Black-Pearl

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Black-Pearl Blogger Template

Black-Nero Blogger Template

Template name : Black-Nero

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Black-Nero Blogger Template

Bizmax-v100 Blogger Template

Template name : Bizmax-v100

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Bizmax-v100 Blogger Template

Arthemia-new Blogger Template

Template name : arthemia-new

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Arthemia-new Blogger Template

Alpha-v101 Blogger Template

Template name : Alpha-v101

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Alpha-v101 Blogger Template

Acid-Rain Blogger Template

Template name : Acid-Rain

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Acid-Rain Blogger Template

Abril Blogger Template

Template name : Abril

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Abril Blogger Template

Abrasive Blogger Template

Template name : Abrasive

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Abrasive Blogger Template

2plus Blogger Template

Template name : 2plus

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - 2plus Blogger Template

ImpreZZ-v100 Blogger Template

Template name : ImpreZZ-v100

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - ImpreZZ-v100 Blogger Template

Green-Tech2 Blogger Template

Template name : Green-Tech2

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Green-Tech2 Blogger Template

greenlightv107 Blogger Template

Template name : greenlightv107

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - greenlightv107 Blogger Template

Greeneetoz Blogger Template

Template name : Greeneetoz

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Greeneetoz Blogger Template

Gramophonica-v100 Blogger Template

Template name : Gramophonica-v100

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Gramophonica-v100 Blogger Template

Gadget-Blog Blogger Template

Template name : Gadget-Blog

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Gadget-Blog Blogger Template

Funkyzine Blogger Template

Template name : Funkyzine

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Funkyzine Blogger Template

Elegant-Grunge_v100 Blogger Template

Template name : Elegant-Grunge_v100

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Elegant-Grunge_v100 Blogger Template

Craftwork Blogger Template

Template name : Craftwork

Type : New Blogger Template (XML),2 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Craftwork Blogger Template

Flower-Garden Blogger Template

Template name : Flower-Garden

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Flower-Garden Blogger Template

Flower-Blog Blogger Template

Template name : Flower-Blog

Type : New Blogger Template (XML),3 Column


How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Download Template

READ MORE - Flower-Blog Blogger Template

How To Hidden Blogger Header and Replace Image Instead

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see header-wrapper code block.It will nearly look like this:

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


Note :- width:800px can be different value.

3.Now add "display:none;" into your header-wrapper code block.Look at below:

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
display:none;
}


Done. above code hides your blog header.

4.To use a image instead header,find the below code.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your header title' type='Header'/>
</b:section>
</div>


5.Now paste the below code just after the above code.

<a href="URL_OF_YOUR_BLOG"><img src="URL_OF_THE_IMAGE" alt="Home" /></a>


Note : Replace URL_OF_YOUR_BLOG and URL_OF_THE_IMAGE with your content.

6.Click on "Save Templates" and you are done.
READ MORE - How To Hidden Blogger Header and Replace Image Instead

Collection of Twitter Bird Vector Graphics,Twitter Bird Icons,Logos, Twitter Bird psd eps png files

Looking for Twitter bird logo ? Twitter bird icons ? Twitter bird in vector, eps or psd or png format..? then, here is a treat for you.. Adding a cool Twitter graphic to your website/blog can encourage your site visitors to follow you on twitter.
Here is my collection of excellent Twitter bird vector logos,Twitter icon sets,etc. All these are 100% Free to download.

Cute Twitter Bird Vector Art - by Smashing Magazine

Cute Twitter Bird Vector Art Format : Vector (.eps), photoshop (.psd)

Twitter Bird Follow me Button : by IconTexto

Twitter Bird Follow me buttonFormat : png

Tweet Tweet Vector Icon set : by Productive Dreams

Tweet Tweet Vector Icon setFormat: Vector (psd) , png

Free Twitter Bird Icon : by TheDesignSuperHero

Free Twitter Bird Icon pngFormat : png

Twitter Bird Icon set : by Productive Dreams

Twitter Bird Icon setFormat : png

Free Twitter Birds : by Luc Latulippe

Free Twitter Birds in vector formatFormat : vector (eps)

Twitter Social Bookmarking Icon : by IconTexto

Twitter Social Bookmarking IconsFormat : Icon (.ico)

Free Vector Twitter Icons : by 404Creative

 Free Vector Twitter IconsFormat : Vector Illustrations (eps)

Free Twitter Buttons : by Randa Clay

Free Twitter Bird ButtonsFormat : png

Tweeties : by Chris Wallace

Tweeties iconsFormat : Vector Illustrations (eps) and png

Happy Twitter Birds : by Adams

Happy Twitter BirdsFormat : Photoshop (psd) , png

Twitter Follow me Icon : by antonist ~ deviantart

Twitter follow me icon with black backgroundFormat : Jpg file

High Resolution Twitter Graphics : by TheDesignerSuperHero

Twitter Bird Photoshop psd graphicFormat : Vector Graphic (psd) , png

TwitterBird : by Lisa

Twitter BirdFormat : jpg

Cool Twitter Bird : by chibbell
Lol.. I really like this one sengihnampakgigi

Cool Twitter birdFormat : jpg


Know any good Twitter Bird design ? Share with us..

READ MORE - Collection of Twitter Bird Vector Graphics,Twitter Bird Icons,Logos, Twitter Bird psd eps png files

How To Add New Layout below Header in Blogger

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag.

3.Add below code into your template just above the </head> tag.

#belowheader-wrapper {
width:890px;
margin:0 auto 10px;
overflow: hidden;
}


Note : You can change width:890px to equal the width to your header-wrapper.

4.Now Scroll down to where you see this:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your header title' type='Header'/>
</b:section>
</div>


5.Now paste the below code just after the above code.

<div id='belowheader-wrapper'>
<b:section class='belowheader' id='belowheader' preferred='yes'/>
</div>


6.Click on "Save Templates" and you are done.
READ MORE - How To Add New Layout below Header in Blogger

How to Add �Save Page as PDF� button to Blogger blog

1.First Sign up with Web2PDF.

2.Now Configure your "Save Page as PDF" button and click "Generate the JavaScript" button.

3.Then a Javascript code will be generated. Copy This code.

Now follow these simple steps :

(a)Log in to your dashboard--> layout- -> Edit HTML

(b)Click on "Expand Widget Templates"

(c)Scroll down to where you see this:

<data:post.body/>


(d)Immediately after above line, paste the code which you have generated at the Web2Pdf Online website. It's look like below code:

<!-- START: PDF Online Script -->
<script type="text/javascript">
var authorId = "XXXXXXXX-XXXX-XXXX-XXX-XXXXXXX";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>
<!-- END: PDF Online Script -->


(e)Click on "Save Templates" and Refresh your site.
READ MORE - How to Add �Save Page as PDF� button to Blogger blog

How To Redirect Blogger URL To Another URL

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see <head> tag.

3.Add below code into your template just after the <head> tag.

<meta http-equiv="refresh" content="0;url=http://yournewurl.com"/>


It should Look Like This.

<head>

<meta http-equiv="refresh" content="0;url=http://yournewurl.com"/>


4.Replace http://yournewurl.com with the URL you want to redirect your old blog.

5.Click on Save Templates and you are done.

Now your blog traffic will be redirected to your new address.
READ MORE - How To Redirect Blogger URL To Another URL

Zinmag Primus Blogger Template

Template name : Zinmag Primus

Type : New Blogger Template (XML),3 Column

How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Zinmag Primus Blogger Template

READ MORE - Zinmag Primus Blogger Template

How To Remove Label Posts Count From Blogger

To remove the label count just follow the below simple steps:

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span dir='ltr'>(<data:label.count/>)</span>


4.Now delete above code.

5.Click on "Save Templates" and Refresh your site.
READ MORE - How To Remove Label Posts Count From Blogger

Astro Blogger Template

Template name : Astro

Type : New Blogger Template (XML),2 Column

How To Add this template to your blog.

1.After download the Zip File, you must extract it with software extractor such as Winzip software or other software.

2.Now Log in to your dashboard--> layout- -> Edit HTML

3. Click on "choose" and upload your xml file.That's it.


Note : Before Upload your new template,Don't forget to backup your old template and your widgets.

Download Here !!! Astro Blogger Template




The Astro blogger template is an extremely colourful two column template that has a very attractive header image and a spacey design. The navigational menu bar that is not present would complete this blog, but none the less, lets take a look what the Astro template has in store for blogspot.

A simple blog title and description goes well on the very prominent header image, the post headlines find themselves on a semi rounded section which is well designed. The post date appears on the right of the headline in a designed box.

The Author name and labels appear under this section in a thin narrow line, the comments count is place on a post separator at the end of the post. A single column sidebar is located on the right of the blog, it starts of with a unique blue RSS icon that looks like its come from another planet. Every widget header in the sidebar has stars on either side, this is a lovely Astronomy template for blogspot users!
READ MORE - Astro Blogger Template

How To Add Image Hover Effect to Blogger

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> Tag

3.Copy and Paste below CSS code above </head> Tag


<style type="text/css">

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}


a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

</style>

4.Now Click on "Save Templates"

Now whenever you embed your image in blog or blog posts you use codes like below.


<a href="target URL of your image" target="_blank" alt="Any name you like"><img src="Link of your image"/></a>
Look at the Example below.

<a href="http://bloggertipandtrick.blogspot.com" target="_blank" alt="Blogger Tips"><img src="http://i626.photobucket.com/albums/tt346/wam8387/toyotacar-2.jpg"/></a>


5.Replace above code with below code to have hover effect..


<a class="linkopacity" href="target URL of your image" target="_blank" alt="Any name you like"><img src="Link of your image"/></a>
It will look like this.

<a class="linkopacity" href="http://bloggertipandtrick.blogspot.com" target="_blank" alt="Blogger Tips"><img src="http://i626.photobucket.com/albums/tt346/wam8387/toyotacar-2.jpg"/></a>


READ MORE - How To Add Image Hover Effect to Blogger

How To Add Different type Auto Scrolling Text or Marquee Text

This post explains you how to add Scrolling text to your blogger sidebars,blog posts,etc. This is a
another way to attract the visitors to your blog.

Use below codes to add Scrolling Text to your blogger post or widgets.

Scrolling Direction : LEFT


<marquee direction="Left">ENTER YOUR TEXT HER</marquee>


It will look like this :

ENTER YOUR TEXT HERE


Scrolling Direction : RIGHT


<marquee direction="right">ENTER YOUR TEXT HERE</marquee>


It will look like this :

ENTER YOUR TEXT HERE


Scrolling Direction : UP

<marquee direction="Up">ENTER YOUR TEXT HERE</marquee>


It will look like this :




ENTER YOUR TEXT HERE


Scrolling Direction : DOWN

<marquee direction="down">ENTER YOUR TEXT HERE</marquee>


It will look like this :

ENTER YOUR TEXT HERE



Scrolling Direction : Zigzag

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">ENTER YOUR TEXT HERE</marquee></marquee>


It will look like this :


ENTER YOUR TEXT HERE



Scrolling Direction : ALTERNATE

<marquee behavior="alternate">ENTER YOUR TEXT HERE</marquee>


It will look like this :

ENTER YOUR TEXT HERE
READ MORE - How To Add Different type Auto Scrolling Text or Marquee Text

How To Add Posted By Line Below Post Title

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>


4.CUT above code and paste it just after,
<div class='post-header-line-1'/>

or

just before,
<data:post.body/>


5.Click on "Save Templates" and refresh your site.
READ MORE - How To Add Posted By Line Below Post Title

HOW TO REPLACE THE NAME "LABELS" BELOW YOUR POST WITH AN IMAGE

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.Replace the line <data:postLabelsLabel/> with below code.

<img src="URL OF YOUR IMAGE " alt="BLOG TITLE" />

5.Click on "Save Templates" and refresh your site.

READ MORE - HOW TO REPLACE THE NAME "LABELS" BELOW YOUR POST WITH AN IMAGE

How To Add Page Popularity and Top popular pages widget

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-






<p><data:post.body/></p>


Add Page Popularity Widget

Paste the below code just after <p><data:post.body/></p>.






<img expr:src='"http://foxrecord.appspot.com/rating?url=" + data:post.url + "&amp;title=" + data:post.title' />


Add Top popular pages widget

Paste the below code just after <p><data:post.body/></p>.






<script src="http://foxrecord.com/scripts/gettop.js" type="text/javascript"></script>


4.Click on "Save Templates" and you are done.
READ MORE - How To Add Page Popularity and Top popular pages widget

HOW TO CHANGE THE NAME "LABELS" BELOW YOUR POST

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:


<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.Replace the line <data:postLabelsLabel/> of above code with your own name,like" CATEGORIES".

5.Click on "Save Templates" and refresh your site.

READ MORE - HOW TO CHANGE THE NAME "LABELS" BELOW YOUR POST

HOW TO INSERT AUTHOR PICTURE IN POSTED BY LINE

1.Log in to your dashboard--> layout- -> Edit HTML.

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>


4.Replace <data:post.author/> with below code:

<a href="URL OF YOUR BLOG"><img src="URL OF YOUR PICTURE" /></a>


5.Click on "Save Templates" and refresh your site.

Note : Remember to give your real information to URL OF YOUR BLOG and URL OF YOUR PICTURE.

READ MORE - HOW TO INSERT AUTHOR PICTURE IN POSTED BY LINE

HOW TO CHANGE NAME OF AUTHOR

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>


4.Replace <data:post.author/> of above code with your new name.

5.Click on "Save Templates" and Refresh your site.

READ MORE - HOW TO CHANGE NAME OF AUTHOR

How To Create Expandable Post Summaries

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Copy and Paste below code immediately before </head> tag.

<script language='javascript' src='http://pwam.googlecode.com/files/jquery-1.2.3.pack.js' type='text/javascript'/>

<script language='javascript' src='http://pwam.googlecode.com/files/jquery.expander.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

$(&#39;.excerpt&#39;).expander({
slicePoint: 280, // default is 100
expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
});

});
</script>


5.Now again, Scroll down to where you see this.

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


6.Replace above code with the following code.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>


7.Click on "Save Templates" and you are done.
READ MORE - How To Create Expandable Post Summaries

Google Pagerank Updated March 2009

Quick Update guys.. Google just updated the Pageranks few hours ago.

If you don't know what Pagerank means.. Google Pagerank is a Parameter on how Google ranks web pages on search results. It depends on the content and backlinks of the site/blog.

BloggerTricks PR remained at PR6.

So,What's your Blog Pagerank?

Check your Pagerank here..

READ MORE - Google Pagerank Updated March 2009

How To Highlight Author Comment in Blogger blog

This tip is very usefull for every blogger.If you like this follow the steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-

]]></b:skin>

4.Copy below code 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 Scroll down to where you see this:-

<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 above code with below 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.Click on "Save Templates" and you are done.

Note : You can change "Background color" , "Text color" and "Posotion" of above codes.
READ MORE - How To Highlight Author Comment in Blogger blog

BloggerTricks.com $200 Giveaway... Participate now!

UPDATE:
CONTEST ENDED!
You can view the Winners here..
-------------------------------------
After a huge hit of my Previous Blog Contest, I'm thrilled to announce our Second Blog Contest here at BloggerTricks.com but this time.. the prize is doubled.. $200

First of all, Big thanks to the Contest Sponsors..
Directory Submission Service : getlinkspro.com
She Told Me : shetoldme.com
Discount Codes : digitaldiscountcodes.com
Make Money Online : moneymakerinfo.blogspot.com

The rules are a bit different from my previous contest. This time, even new bloggers (with less blogs) have equal chances of winning like the pros with tons of blogs.

So, here are the Contest rules :
You have to get atleast 10 points to qualify for the contest.

How to get points ?
There are lot of ways to get points. They are very simple senyum

1. Just leave a comment on this page : 1 point

2. Blog about this contest : 5 points
Just blog about this contest in your blog/website including a link to this contest page and a link to each of the contest sponsors.
Note : No copy/pastes from this site Minimum 60 words Blogs with min Pagerank 1 only

3. Digg this Post : 1 point

4. Add us to your Technorati Favourites : 1 point

5. Follow us on Twitter : 1 point

6. Stumble this post! : 1 point

7. Bookmark us on Del.icio.us : 1 point

8. Subscribe to our Feed : 2 points
(If you are already subscribed.. let me know)

9. Spread the word by adding a small banner to your Blog sidebar : 1 point
Just add the below code to your blog sidebar..

<a href="http://bloggertricks.com/2009/04/bloggertrickscom-200-giveaway.html" target="_blank"><img src="http://i40.tinypic.com/308v8us.jpg" alt="Win $200 now" width="125" height="125" border="0" /></a>


So, you have to get atleast 10 out of 14 points available to qualify.

So, Where are the Prizes ?
Here we go.. celebrate
There are 8 prizes in total.. (so.. you have more chances of winning) :
1st Prize : Whooping $100 cash!
2nd Prize : $50
3rd : $25
4-8 spots : $5 each
(Prize money will be deposited directly to your paypal account)

Contest Deadline :
The contest ends on May 16th 1PM (IST).. (20 days)

How winners will be choosen ?
The winners will be choosen randomly using the Random list generator tool at random.org

Make your entries Official :
Leave a comment here (only on this page) with your details (like your blog url, digg, stumbleupon username,etc) to make your entries official.

Best of luck to all!
READ MORE - BloggerTricks.com $200 Giveaway... Participate now!

How To Replace Newer, Home and Older Post Link With your own Images

First you must upload these 3 images to your hosting image service.Replace "URL of your own image" with your real Urls.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Now follow these steps to replace codes :-

(A)Scroll down to where you see this:-

<data:newerPageTitle/>

Replace above line with

<img src='URL of your own image'/>

(B)Scroll down to where you see this:-

<data:olderPageTitle/>

Replace above line with

<img src='URL of your own image'/>

(C)Scroll down to where you see this:-

<data:homeMsg/>

Replace above line with

<img src='URL of your own image'/>

4.Click on "Save Templates" and Refresh your site.
READ MORE - How To Replace Newer, Home and Older Post Link With your own Images

How To Add Flash Animated Label Cloud Widget For Blogger



This is very nice widget designed by Amanda Fazani.(http://www.bloggerbuster.com/)

If you like this widget follow simple steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Without "Expand Widget Templates",Scroll down to where you see this:-

<b:section class='sidebar' id='sidebar' preferred='yes'>

3.Now Paste the below codes immediately after the above code.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.Click on "Save Templates" and Refresh your site.
READ MORE - How To Add Flash Animated Label Cloud Widget For Blogger

How to Increase Technorati Authority ?

How to Increase my Technorati Authority?
This is one of the hot questions that's thrown around in the blogging world day after day.
For those who are new to blogging or if you don't know what technorati is.. Technorati is one of the leading Blog search engine which crawls and index millions of blogs in real time.
And Technorati Authority means the total number of blogs that are linking to a website in the past six months. If you have a good technorati Authority, you get massive traffic from them. Also, technorati authority is one of the parameters that advertisers often look into before buying advertising spots.We can say how good and popular a particular blog is with the authority number. So, Here is my list of top 12 ways to increase your Technorati authority quickly..

1. Quality Content : As always, Content is King! The more quality content you post , the more chances that other blogs link to your site.

2. Giveaways : Who hate freebies..? you can encourage people to link to your site by giving away free stuff like templates,fonts,icons or any other resources you expertise in.

3. Link to Us : Design a good small button and add the "Link to Us" html code to your blog sidebar just like I did it in this blog (check the right sidebar).. so, it's easy for your readers to just copy & paste your link on their blogs.

4. More Blogs - More Authority : Do you run lot of blogs ? You can increase your Technorati Authority easily by linking all the blogs to your main blog... So, the more blogs you have , the more authority you get..as simple as that.

5. Sponsor a Blog theme : There are millions of people using blogs like Blogger and Wordpress. So, sponsoring a blog theme is one of the best and fastest way to get tons of backlinks to your site. Everytime someone uses your template, your backlinks will increase along with technorati authority.

6. Link exchange : Try to contact blog owners related to your site niche and propose for link exchange. There are lot of blog directories out there.. Just go to them and select your blog category and browse other blogs related to your niche and contact them one by one for link exchanges or you can find some link exchange parters in forums like Digitalpoint.

7. Buy links : If you have some $$ to advertise your site, you can buy links and blog posts on other blogs that are relevant to your site and can increase your authority.

8. Top Commentators : Some people put 'Top Commentators' widget on their blogs and link to their top comment posters.Try to find them and comment on their blogs (no spammy ones) and get a backlink to your site.

9. Run a Contest : You can Run a blog contest giving away prizes like money, entrecard credits, rapidshare accounts, etc and ask your readers to link back to your site to participate in the contest. This is one of the proven ways to increase your technorati authority in a rapid pase.

10. Use Technorati Badges : Simply add a technorati 'Fav this blog' widget to your blog. This can make your readers to easily "Fav" your blog which gives you a point.

11. Blog commenting : This is well known and popular method to increase backlinks to your site aswell as technorati authority. Do a bit of research on dofollow blogs and your authority will increase everytime if the blog you commented on is claimed.

12. Ping Blogs : Check who is linking to your blog. If you are using visitor counters like histats, sitemeter,etc.. Check your referrals stats and find out the blogs that are linking to you and ping them.. so, technorati can crawl them fast and increase your authority fast. you can ping the technorati here.

READ MORE - How to Increase Technorati Authority ?

How To Comment Box is made "DO FOLLOW" for Google spiders

Above Title Means comments on this blog are made do follow and will be spidered.Comments field in blogger are made NOFOLLOW by default.This is done as a measure to reduce spam.To Become comments on your blog are made "do follow",follow the easy steps below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-

<a expr:href='data:comment.authorUrl' rel='nofollow'>

4.Replace it with below code.

<a expr:href='data:comment.authorUrl'>

5.Click on Save Templates and you are done.

Now you must to make other bloggers know that you are comments are made do follow.For this add below code to your blog.

<table width="200" height="30" border="1" bgcolor="80FFFF">
<tr>
<td>Comment Box is made DO FOLLOW for Google spiders..So comment on..<br/>
<p align="center"><a href="http://bloggertipandtrick.blogspot.com/"><img border="0" alt="Blogger Tips And Tricks" src="http://i626.photobucket.com/albums/tt346/wam8387/c1.jpg"/></a></p>
<span ></td>
</tr>
</table>

It will look like this.

Comment Box is made DO FOLLOW for Google spiders..So comment on..

Blogger Tips And Tricks

READ MORE - How To Comment Box is made "DO FOLLOW" for Google spiders
 

Support By Blogger