Archive | Blogger tutorial RSS feed for this section
Make Horizontal menu

Make Horizontal menu

1 Please Log in into blogger with your ID.
2 Click Layout.
3 Click Edit HTML Tabs.
4. Find the following Code ]]></b:skin>
5. Copy paste the below code above ]]></b:skin>

/* navbar

================== */

#bg_nav {
background: #000000;
Read full storyComments { 8 }

Favicon before your url in address bar.

Favicon before your url in address bar.

You have seen small icon just before url in address bar. Now you can change it in blogger and here is trick for it.

1. Log in to your blogger acount.
2. Go to layout and then edit Html.
3. Find this code: <head>
4. Copy and paste below…

Read full storyComments { 0 }

Display CSS codes and Scripts in Unique Style

Before you start, Check out DEMO. CLICK HERE.

1. Login to your Blogger account
2. Go to Layout section, then go to Edit Html.
3. Find this code: ]]></b:skin>
4. Paste below code right after this code.

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear

Read full storyComments { 4 }
Hide navbar in blogger

Hide navbar in blogger

You have seen this many time and i now that you hate it. No there is solution for it.

1. Log in blogger with your ID
2. Go to LAYOUT >> EDIT HTML to open the template editor.
3. Find <b:skin> and paste the following after that:

/*———————————————– */
div.navbar {
opacity:0.0;
display:none;
}

Good Luck…..!

Read full storyComments { 0 }
Show related post widget in blogger

Show related post widget in blogger

1. Login to your blogger account   
2. Go to Layout section of the blog.
3. Then go to edit HTML page.
4. Then, check expand widgets box.
5. Find this code : </head>

6. Copy belove code before </head>

<style>

#related-posts {
float :

Read full storyComments { 3 }
Use meta tag to increase visitors

Use meta tag to increase visitors

1. Log in into blogger   
2. Click Layout
3. Click EDIT HTML tab
4. Click Download Full template and please back up first. (important)
5. Find the code below:

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

Some time you will not find this code so find this tag

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

6. Copy this meta code under…

Read full storyComments { 1 }
Make slide show in tab view menu

Make slide show in tab view menu

It is really nice because it has slide-show in tab view. Click here for example.
http://imexamples.blogspot.com/

1. Log in into blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Click Download Full template. Please back up your template before doing it.
5. Copy the

Read full storyComments { 2 }
Making Zooming Effect for image

Making Zooming Effect for image

Impress your visitor with zooming effect Click Here for example.

http://indianmonsters-exampales.blogspot.com/2009/01/zooming-effects.html

1. Log in into blogger.
2. Click Layout.
3. Then, click Edit HTML tab
4. Click Download Full Template and please back up your template first.
5. Find this code </head>
6. Save belove code before

Read full storyComments { 0 }
Read more in blogger – Working

Read more in blogger – Working

Step #1 :

1. Login to blogger with Google ID
2. Click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template (Don’t forget)
5. Please mark the little box to Expand Widget Templates.
6. Find the code like this :

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

Read full storyComments { 1 }
Featured Contents in blogger

Featured Contents in blogger

Hey guys, I found it from other web but it wasn’t working, because you have to upload it in your server, and probably most of don’t have it so I have hosted it on my web and I made such a beautiful slide show by using others script. Here is link to see an examples.…

Read full storyComments { 1 }