Showing posts with label tutorials. Show all posts
Showing posts with label tutorials. Show all posts

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 Drop-Down Menu To Your Blogger Blog

hmm , after seeing so many scripts and so many features, blogger has amazed me with the flexibility it has provided for a user. all you have to remember is that you can do anything in blogger once you start exploring the HTML of your blog, but be sure to save your template before hand so that you can restore it when you mess it up.

Today, i decided to Write this tutorial To add a Drop Down Menu to your blog .

so starting with the basics, just login to your blogger account , select a blog , click on the layout , click on the page elements tab and click on "add a Gadget" button.

now follow the procedure :-

1. Click on HTML/Javascript option (usually the fourth from top)  . click on Add to blog .
2. Copy the Code below and paste it in the gadget area .

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> the Blogger classroom </option>

<!-- change the links Accordingly -->

<option value="http://thebloggerclassroom.blogspot.com">Home page</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/widgets">Blogger Widgets</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/tricks">Blogger Tricks</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/scripts">Blogger Scripts</option>

</select></form>
3. Change the Data in red color accordingly . for example watch the first option , http://thebloggerclassroom.blogspot.com is the linking URL where as Home Page is the Anchor Text . which means that when a suer clicks on Homepage , it redirects to the above URL.
4. Save the Gadget and thats it .
5. Your Blog is now incorporated with a customized Drop down menu !

result :- See the result in the next post
UPDATE :- You can view the Drop down menu HERE

How to : Change the link Hover color to Rainbow colors

You might not be understanding this. let me explain it to you .

What is Hover color?

hover color is nothing but the color in which the link turns , when you put your mouse over a link .

Normally it would show  one color on many sites but to make your blog more funky or cool , lets make it  turn into rainbow colors . for example see this :- just hover your mouse over the link Blogger Tutorials

See the change of colors?

Follow the procedure to get this onto your blogger blog .

1. Download this script called Rainbow . ( from here : http://uploads.bizhat.com/file/252996 )
2. Extract the file and host the javascript file (.js file)
3. Note down the URL of the hosted JS file and
4. Make a script source code like this

<script scr='URL'/>

5. Replace the URL with the URL of the hosted JS file.
6. Goto Dashboard > EDIT HTML > and then search for

</head>

7. Copy the abover script code just before the </head> code.
8. That's it your blog is ready to shine with rainbow colors

Promote blog