Blogger tutorial

Make Horizontal menu

January 2, 2009

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;

Favicon before your url in address bar.

January 2, 2009

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…

Display CSS codes and Scripts in Unique Style

January 2, 2009

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

…

Hide navbar in blogger

January 2, 2009

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…..!

Show related post widget in blogger

January 2, 2009

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 :…

Use meta tag to increase visitors

January 2, 2009

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

6. Copy this meta code under…

Make slide show in tab view menu

January 2, 2009

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…

← Previous Entries

Next Entries →