3 Column XML Blogger Template "Colors of Life!" - Download

Posted by kranthi on Sunday, May 25, 2008

Download 3 Column Blogger Template "Colors of Life!"



Hi friends, here is my latest Blogger template (blogspot template) "Colors of Life!"

Feautures:
3 columns
Professional design
Adsense ready
Widget ready

Note:DON'T COPY & PASTE THE TEMPLATE CODE. Follow the below instructions:-

How to install this xml blogger template??
1.Sign in to your blogger dashboard
2.click on the 'layout' link.
3.Select the 'Edit html' tab at the top
and upload the template using the 'browse' button
Use the browse button to upload the template
4. 'Save' the changes.


Like the template or have any question to ask..?? ask it here via the 'comments' link.
-thanks


© Blogger Templates

Continue reading »

How to add "Email Subscription Form" to your blog(blogger,blogspot)

Posted by kranthi on Wednesday, January 9, 2008

This post explains how to add "Email Subscription Form"to your blog:

If are a new blogger,you may have seen an email subscrtiption form like the below one in other blogs while browsing.

It is delevered by FeedBurner.When people subscribe,they will recieve a email with your blog posts whenever your blog is updated.It is a very easy thing and make your visitors come back again and again to your blog.


So,Let's see how to add a "Email Subscription form" like that in your blog:

1.First,Sign in to your FeedBurner account.If you don't have a FeedBurner account yet,you can register it here


2.Click on the "My Feeds" link at the top of the page and next ,click on your blog name[look at the below screenshot]


3.Next,Click on the 'Publicize' tab as shown below.




4.Select the "Email Subscriptions" option[look at the left sidebar]



5.Next, you will see like this





Click on 'Activate'

6.If you look at the sidebar now,there are a few more options under the Email Subscriptions column namely Subscription Management,Communication Preferences,Email Branding and Delivery options.Edit them according to your needs.

Now,Click on the Subscription Managemant option and copy the code they provide[see the below *screenshot*]


7.Um............Finally,the last step

Sign in to your blogger dashboard>layout>add a page element>html/javascript

and paste the code and SAVE THE CHANGES.


That's it!..........too long process know? No.Very simple process to do.

OK.Why don't you subscribe to this site Email updates -So,you will be up to date with the latest blogger tips and tricks.More & More coming soon................

©Blogger Tricks



Continue reading »

How to add a "Email me" link on your blog?

Adding the "Email me" link to your blog/webpage is very helpful for the visitors who want to contact you.It increases the interactivity between the visitors and your site and make them come regularly.

Hi Kranthi! I will write the email address directly like abc@gmail.com and ask visitors to contact me.So,why to add these clickable links like"Email me" ?
There are plenty of problems if you show your email address directly on your site as SPAMMERS find your email address easily via search engines,and other sources.
So,by adding this type of links will hide your email address and If your visitors want to contact you,they will click on it.If the visior want to sent to you via another source like yahoo,google,etc they will simply copy the email address(in the outlook express) and email you.
On clicking the links,WINDOWS OUTLOOK EXPRESS will be open by default.
So,how to add the "Email me" link?
There are two types of ways to do it.One is text link and another one is image link.

Text Link:
Suppose,your email id is abc@gmail.com ,here is the code you have to add

<a href="mailto:abc@gmail.com">Email me </a>


Don't forget to change the email address in the above code to your's.If you want another anchor text(not "Email me"),you can change it.

Image link:

Suppose,if you want the visitors to email you by clicking on an image like the below one

Email me

First you have to upload your picture to some image hosting services.They will give a direct link for the uploaded image.Take a note of it.

In this example, the direct link for the uploaded image is http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif and your email address is some abc@gmail.com ,the code you have to add is

<a href="mailto:abc@gmail.com"><img src="http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif" alt="Email me" width="120" height="57" border="0" /></a>



Where to paste this code in your blogger(blogspot) blog?

Sign into your blogger dashboard>layout>add a page element>html/javascript and Paste the code and save the changes.

That's it!

©Blogger Tricks

Continue reading »

Flowers 3 Column Blogger template-download

Posted by kranthi on Sunday, December 30, 2007

3 Column Flowers Classic blogger template:
You can see the DEMO SITE HERE

Download this template


This is another beautiful looking 3 column classic blogger template.It has two sidebars and a navigation menu at the top,so looks Professional and highly custamisable.

How to install this template?
1.Sign in to your blogger dashboard>layout>edit html
2.Scroll down and click on the 'Revert to Classic Template' and click OK when the pop up window comes.
3.Replace the template code with the one you have downloaded.

Still can't understand? Here is the detailed description on HOW TO INSTALL A CLASSIC BLOGGER TEMPLATE [with screenshots]

More and more templates and blogging tips are coming........so, Subscribe to my Blog feed or Email subscription,so you won't miss them.
Please leave the comments if you like the template of if you have any questions,doubts regarding this template.

Continue reading »

Maroon 3 Column Blogger template -Download Now!

Posted by kranthi on Monday, December 24, 2007

Maroon 3 Column Blogger template:

You can see the demo site here or download directly

Download template

Here is another 3 column blogger template for you guys.Two sidebars give the template extra flexibility than the two column templates.This is adsense supportive,ie..it is designed to provide you more space for your adsense units and you can manage them easily.

This is a Classic Blogger template guys.If you don't know how to install a classic blogger template in 'new blogger',Please read this.[I will show you how to install the classic blogger with screenshots]

If you like the template,please add the comments or if you have any doubts about installing the template,ask me.

More templates coming very very soon........Don't forget to subscribe to my rss feed or Email subscription inorder to don't miss it.

©Kranthitips-Your online source for Free Blogger templates


Continue reading »

Red Rise Classic Blogger(blogspot) Template

Posted by kranthi on Sunday, December 23, 2007

Red Rise Classic Blogger(blogspot) Template:

You can see the Demo Site Here

Download Template


This is a beautiful classic blogger template with two columns with one wonderful sidebar.
You can change the header image if you want,but the present header is not bad.
All the images in the template are hosted by photobucket.So,if bandwidth exceeds,you won't see images in the template.So,I added the images to the download file.After downloading the file,first upload the pictures to your own image server(I recommend Photobucket).

Note:This is a classic blogger template.If you are a new blogger,or you don't know how to install a classic blogger template,Please read this.

More Templates coming very very soon.Please,leave your comments here if you like the template or if you have any question about the template.Thanks.

Don't forget to Subscribe to my RSS Feed,so you don't miss the template.

Continue reading »

Beautiful 3 Column Blogger template-Download Now!

Posted by kranthi on Saturday, December 22, 2007

Blue Stars 3 Column Classic Blogger template

Click Here to See How it looks in your blog.....

Download Now!


Template Feautures:

  • 3 columns
  • Professional look
  • Navigation menu at the top
  • Beautiful looking Sidebars
  • Highly Custamisable
  • & many more...............
How to install this template?

Sign in to your blogger dashboard>Click on the 'layout' link>Edit html [see the screenshots below]


Next,Scroll down and click on the 'Revert to Classic Template' and Click on 'OK' when a pop up window comes.
Revert to classic template That's it,Replace template code with the downloaded template(the template is in the text file)and SAVE THE CHANGES.

Note:All the images in the template are hosted by Photobucket(Image hosting service)

This template is downloaded by hundreds of people.So,if my account bandwidth exceeds,the images may not show in your blog.So,I provided the images in your downloaded file.All you need to do is upload that images to your own image hosting server(like Photobucket,Imageshack.us).I recommend Photobucket).They provide direct links for the images.After uploading your images,replace the image links in the template with your own image links(given to you by photobucket).

For example,I uploaded the header image to photobucket and the direct link for that image is

http://i219.photobucket.com/albums/cc286/7kranthiswaroop/stars_1c.jpg

After,you uploaded the image to your own server,they will give you a link like

http..........................jpg, Simply replace the above url with your own url.

Search the image url's in the template(the one's starting with http and ending with jpg) and replace them.

-Thanks guys for your support....

©Blogger Tricks

Continue reading »

Adding meta tags to blogger(blogspot) blogs,websites-SEO

Posted by kranthi on Friday, December 21, 2007

If you don't know what meta tags are, and the importance of adding meta tags, here is the detailed article on how to add them to your blogger(blogspot) blogs or any website.

Adding meta tags is very important if you want to get some good traffic from search engines like google,yahoo,msn,etc,especially the meta description part is the most important one.

If you don't know what meta tags are,Meta tags are the tags which describes your site and tells the search engines what your site is all about. Adding meta tags is an important factor in Organic Search Engine Optimization (SEO). Meta tags allows search engines to index your web pages more accurately. In other words,Meta tags communicate with the search engines and tells more information about your site and make your webpages index correctly and accurately.

Here is an example. This is what I got when I typed 'Blogger Tricks' in the Google Search Engine.

blogger tricks
As you can see in the above screenshot, " Blog about Blogger Tips, Blogger Templates, Widgets, hacks, Blogger Tricks,etc. " is the meta tags description which I added to my site.

You have to add two meta tags to the head section of your blogger template. One is the Meta description which describes your site and another one is Meta Keywords which tells about your site keywords(what your site is all about).

Here is how to add meta tags to your blogger(blogspot) blog:

1.Sign in to your blogger dashboard>Select the 'Design' link[see the screenshot below]
blogger design
2.Click on the 'Edit html' tab
click on the 'edit html' tab




Here is the code you have to add


<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>



DESCRIPTION HERE:Write your blog description
KEYWORDS:Write the keywords of your blog
AUTHOR NAME:Write the author's name(Your name)


{ UPDATE : }
Now..You don't need to do it manually.. I created an automatic Meta Tags Generator to make this process easy for you!
Just go to this page and Enter some basic information like keywords,description,etc.. It will automatically generate you error free, effective Meta tags. Once done, copy that code and follow the next step.

3.Add the above code just after this [Look at the below screenshot]
<b:include data='blog' name='all-head-content'/>


add the code just like this
Don't forget to add description and keywords.
and save the changes.


IMPORTANT:

Many people are just filling the meta description with keywords. DON'T DO THAT. Google and other search engines will ban your site from the search engines list if you repeat your keywords too often. Make sure you don't repeat any keyword more than 3 times.

That's it!You have successfully added the metatags to your blogger(blogpsot) blog.If you want to check whether you added the meta tags correctly or not,just type 'meta tags analyzer tool' in the google and you will find so many sites which can check whether you have added the tags correctly or not.


©Blogger Tricks


Continue reading »

How to add Favicon to blogger(blogspot) blog

Posted by kranthi on Thursday, December 20, 2007

Adding a favicon to the blogger(blogspot) blog:
For those who don't know what Favicon is 'Favicon is a small icon(image) displayed at the beginning of the address bar of the browser.It is also called Favourite Icon,Pageicon and urlicon.

The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several other sites.


favicon Most of the people use 16*16 pixel favicon(you can also use 32*32 pixel favicon) with ".ico" format.But,you can also use gif,png(image formats) aswell.

So,ready to create a favicon?

Updated:
I created a Free Favicon generator tool which will save lot of your time. Just go to this page and upload any image file (JPG or GIF or PNG or BTM) and it will automatically convert it to icon file and you can save it to your desktop.
Next, you need to upload it to some host. There are lot of free hosts available to host .ico files and with hotlinking enabled.. Just do a quick google search.
Once you upload it to some host. you get a direct url to the favicon file..
Ex:

http://howshealth.com/favicons/bt.ico

Next, Skip the below part and go to Next step..

{SKIP THIS PART- ITS OLD} {start}

All you need is a program to create a favicon in (.ico) format.If you haven't a program to create in .ico format,No Problem....you can also use png or gif format.If you have Photoshop, or any other programs like that,open it and create a 16*16 image and save it as .png or gif format [look at the below screenshot below] or there are so many online sites which can create a favicon for you,just search by typing'free online 16*16 icon generator' in google.They ask you to upload a picture from your desktop,and they convert it into 16*16 .ico file.

save the image in png format So,Now your icon is ready...You are just a few steps away from creating a beautiful favicon for your site...

Now,go to Google Page Creator
and upload your icon file by clicking on the upload link(look at right side) and browse the file and note down the url of the file by clicking on the file.[see the screenshots below]


note down the url


{SKIP THIS PART- ITS OLD} {end}


Now,go to your blogger dashboard>layout>Edit html[look at the below screenshots]


and look for this code(it is at the top the template)


<title><data:blog.pagetitle/></title>

and add the below code just after the above one[as shown in the below screenshot]

<link href='ICON FILE URL' rel='shortcut icon'/>
<link href='ICON FILE URL' rel='icon'/>


and replace the 'ICON FILE URL' with the url of your icon file.(like http://howshealth.com/favicons/bt.ico)
That's it! Now you can see a beautiful favicon in your blog.

Fee free to add the comments.....and doubts(if any?)

© Blogger Tricks

Continue reading »

how to submit blogger sitemap to google-useful tip for new bloggers

Posted by kranthi on Tuesday, December 18, 2007

This tip explains how to generate and submit blogger sitemap to google webmaster tools:
Before doing this,let me say what are sitemaps and how they will help us.The reason we use them is,they will help google bot to crawl,index pages of your site and tell you if there are any problems when they try to index it.It also helps you to know,how many pages exactly are indexed,and what people searched in the search engine to visit your site.
Let me explain the detailed procedure on how to submit your blogger sitemap to google.
1.First,go to google webmaster tools and sign in with your gmail account.
2.After you logged in, you will see this asking you to add a site.
google webmaster tools
Add your blog url(ex:kranthitips.blogspot.com).Don't add with http or www.

3.Next,it asks you to verify your site.It is just to confirm whether you are the owner or not.

CLICK on the 'verify your site' link.

click the 'verify your site' link



Next,

choose verification method


4.There are two ways to verify your ownership but, there is only one way for the blogger users to add a metatag.

copy the metatag

5.Copy the metatag.

Now,sign into your blogger account>click the layout button>Edit html and paste the metatag just after the head tag and save the changes.

paste the metatag like this
and click the verify button in the google webmaster tools and there will be a confirmation message saying that you have sucessfully verified.



conformation message

Now,you have to submit a sitemap for google to crawl your site.Go back to the google webmaster dashboard or (home) and click the 'Add' link which is next to your blog name and in the Sitemaps column.Then,you see this,



Choose 'Add general web sitemap' from the dropdown menu and type rss.xml or atom.xml next to your blog address as shown below


or

and click the 'Add General Web Sitemap' button.

6.That's it.Now your sitemap is successfully submitted to google.Check 2 or 3 days after and you will see the detailed statistics of your blog(indexed pages,any errors,etc.)

If you have any questions regarding this,you can ask here via your comments

Continue reading »


Follow me on twitter

Popular Blogger Tips,Tutorials



Popular Tools

favicon generator

Favicon Generator

Free tool to generate favicons online...
blogger ad code converter

Blogger Ad Code Converter

Free tool to add adsense inside posts..
online logo maker

Online Logo Maker

Create Stunning 3d logos online...
yahoo invisible detector

Yahoo Invisible Detector

Check your buddy is online or offline or invisible...
keyword density checker tool

Keyword Density Checker

Find out how often keywords are repeating in your site...









Home | Privacy Policy | Contact us | Submit Blogger Templates
2007-2010 Blogger Tricks. All rights reserved. Blogger Templates