How To : Add META TAGS to your blog !

if you never heard anything of Meta tags and haven't considered on doing anything about them , this article could help you big time!

what are meta tags ?
Meta tags are nothing but keywords which help the search engines to pick up on your blog's Niche .

Advantages

you'd receive more search engine traffic based on the searched keywords

How can you add Meta Tags to your blog ?

1. Login to your blogger account , goto layout  then goto the Edit HTML tab  
2. then Search for the following code  

<b:include data=’blog’ name=’all-head-content’/> 

 3. then place the following code just under the searched one .

<meta content=’DESCRIPTION HERE‘ name=”description”/>

<meta content=’KEYWORDS HERE‘ name=”keywords”/>

<meta content=’AUTHOR NAME HERE‘ name=”author”/>

 4. just edit the Red parts namely the desciption,keywords and author name .

5. the meta tags have to appropriate . do not use more than 3-4 keywords and the description is not meant to be the keywords ...

My next post is going to be on how to analyze the meta tags for your SEO needs .. cya

How To : Add a " read more " button in blogger

I guess you people pretty much know the "read more" button which is being widely used these days ....why do people use it ?

1. to Have as many posts in the homepage as possible.
2. to make the blog look simple yet sleek .
3. to get more page views .
4. to get more comments .

by having a embedded comment form just below the post area , you can ensure that people comment on your blog more often .

okay this tuorial is going to teach you on how to add the read more button from official blogger itself . no scripts,no template editing, no hacks .

just follow the steps .

1. Be sure you are using the latest or the " new editor " , if you're not using it then Just go to Settings>Basic and change the post editor option to "Updated editor" .

2. here comes the logic part or the fun part actually. while writing the post , all you have to do is insert jump break after a paragraph or after a few lines which you feel must appear in the homepage .

3. after inserting the jump break, continue writing and finish the post and publish!

thats it ! now you're homepage is capable of holding more posts than before ..

TIPS & TRICKS :- just be sure that you hide the "real thing" . i guess you know what i meant . You have to force the reader to click on the "read more" button .
for example , you have a picture of an actress and you decide on blogging it
you start on with the title like " Hot Actress photoshoot " and write some subtitles or intro and you jump break just before the picture appears . this forces the user to click on the " read more" and hence you get more page views and more page views = more $$$$$ .

happy blogging !

How to add a cool Random post Button For your Blogger Blog

create a random post link so that when visitors click on it they can read a random post instead of reading the posts in the order of submission , so what you have to do ?

• As usual, go to layout Form your Dashboard.
• click on the page elements tab and click Add gadget .
• Add a HTML/Javascript  widget.
• then name the widget like " random posts"
• then paste the following code in the body .

• <div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location  = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

• save and view your blog.
• the random posta widget will appear where you have placed it.
• by default, the text displayed is " view random posts " . to change it just go to EDIT HTML and then search for the text and edit it as you wish.
• nice tool to increase your pageviews.
  

Create a Tag cloud for your blog.

Create a Tag Cloud for your blog so that your visitors can easily navigate through your pages and as a result increase your page views.

a tag cloud will look like this when you will successfully install the widget.

so let's continue with the procedure :-

1. Go to the Layout page of the blog you want to have the tag cloud in .
2. under the page elements , add a pre-functioning gadget called 'labels' .
3. save the elements
4. Goto Edit HTML page , click on the expand widgets and make sure you back-up your template before you edit the code.
5. 
   

   search for <b:widget id='Label1' locked='false' title='Tags' type='Label'/>
   

   
   
6. the code may not be same for all the templates, instead try searching for categories or label11 untill  you find the code.
7. Replace the existing code with the following code:-
8. 
   

   
   

   /*

   
   
   

   Distributed by John Smith at WidgetsForFree.blogspot.com

   
   
   

   */ <b:widget id='Label1' locked='false' title='Tags' type='Label'>

   
   
   

   <b:includable id='main'>

   
   
   

   <b:if cond='data:title'>

   
   
   

   <h2><data:title/></h2>

   
   
   

   </b:if>

   
   
   

   <div class='widget-content' style='text-align: justify;'>

   
   
   

   <script type='text/javascript'>

   
   
   

   /*

   
   
   

   Simple Blogger Tag Cloud Widget

   
   
   

   by Raymond May Jr.

   
   
   

   http://www.compender.com

   
   
   

   Released to the Public Domain

   
   
   

   */

   
   
   
   

   //Settings / Variables

   
   
   

   var max = 150; //max css size (in percent)

   
   
   

   var min = 70; //min css size (in percent)

   
   
   

   var showCount = false;  // show counts? true for yes, false for no

   
   
   

   var minCount = 1;  // what is the minimum count for a tag to be shown? 1 for all

   
   
   
   
   

   //Begin code:

   
   
   

   var range = max - min;

   
   
   
   

   //Build label Array

   
   
   

   var labels = new Array();

   
   
   

   <b:loop values='data:labels' var='label'>

   
   
   

   labels.push(&quot;<data:label.name/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //URLs

   
   
   

   var urls = new Array();

   
   
   

   <b:loop values='data:labels' var='label'>

   
   
   

   urls.push(&quot;<data:label.url/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //Counts

   
   
   

   var counts = new Array();

   
   
   

   <b:loop values='data:labels' var='label'>

   
   
   

   counts.push(&quot;<data:label.count/>&quot;);

   
   
   

   </b:loop>

   
   
   
   

   //Number sort funtion (high to low)

   
   
   

   function sortNumber(a, b)

   
   
   

   {

   
   
   

   return b - a;

   
   
   

   }

   
   
   
   

   //Make an independant copy of counts for sorting

   
   
   

   var sorted = counts.slice();

   
   
   
   

   //Find the largest tag count

   
   
   

   var most = sorted.sort(sortNumber)[0];

   
   
   
   

   //Begin HTML output

   
   
   

   for (x in labels)

   
   
   

   {

   
   
   

   if(x != "peek" && x != "forEach" && counts[x] >= minCount)

   
   
   

   {

   
   
   

   //Calculate textSize

   
   
   

   var textSize = min + Math.floor((counts[x]/most) * range);

   
   
   

   //Show counts?

   
   
   

   if(showCount)

   
   
   

   {

   
   
   

   var count = "(" + counts[x] + ")";

   
   
   

   }else{

   
   
   

   var count = "";

   
   
   

   }

   
   
   

   //Output

   
   
   

   document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );

   
   
   

   }

   
   
   

   }

   
   
   

   </script>

   
   
   

   <br/>

   
   
   

   <span style="font-size:80%;float:right;">Powered by <a href="http://www.widgetsforfree.blogspot.com">Blogger Widgets</a></span>

   
   
   

   </div>

   
   
   

   </b:includable>

   
   
   

   </b:widget>

   
   

    
   
9. save the template and you should see the tag cloud in your blog,if installed properly.
   
   Hope you liked it :) 
   
   

   
   

   
   

How to Change the Favicon of your blog ( blogger )

Tired of seeing the very old and very common  "B" in your address bar? why not change it and make it look funky or creative?

if you don't know whats a favicon , Favicon is a small 16 * 16 pixel image which is displayed in the address bar generally left to the address .. here's a look at it .

this is the favicon of google updated recently.

If you are actually using blogger you get this big orange "B" every time unless a webmaster changes it . you can also change this and make your favicon look funny and creative.

here the way to do it :-

1. Log in to your blogger account and click on the layout button on the Dashboard for the blog you want to change the favicon.
2. goto Layout tab and then click on the Edit HTML .
3. be sure to save your template so that you don't screw your template in case anything goes wrong.
4. 
   

   search for the code  </head> using the browser's in-built text search . press ctrl + F for opera and firefox.
   

   
   
5. paste this code immediately after the tag 
6. 
   
   
   

   <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />
   <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>
   

   
   
   
   
7. save your template and now it's time to create your own favicon
8. visit this site to generate your own favicon 
9. after generating your own favicon, download it and host it .
10. you can use host any image to host your .ico files
11. copy the URL  of the the uploaded favicon .
12. search for this URL in your template
13. 
    
    
    

    http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
    

    
    
    
    
14. and replace it with your uploaded URL .
15. note: if you notice you have to change the default URL two times. and save the template.
    

That's it , your favorite favicon is viewed by all who visit your blog and no more boring B's

1.