Blogger tutorial

Snow effect in Blogger

January 3, 2009

Go to http://imexample.blogspot.com/ for example. 

1. Log in to your Blogger Account.
2. Click Layout and go to page element.

3. Click Add Gadget, then click HTML/JavaScript.
4. Copy below code in it.

<script src=”http://www.thetricks.net/blogger/snow.js” type=”text/javascript”>
</script>

5. That’s it. Don’t forget to save…!

How to change width and height of shout mix/ Guest book

January 3, 2009

Some time width and height of shout mix won’t fix with your templates. Here is DEMO image:

Here is steps.

<!– Begin ShoutMix – http://www.shoutmix.com –>
<iframe title=”indianmonsters” src=”http://www5.shoutmix.com/?indianmonsters” width=”160″ height=”400″ frameborder=”0″ scrolling=”auto”>
<a href=”http://www5.shoutmix.com/?indianmonsters”>View shoutbox</a>
</iframe>
<br /><a href=”http://www.shoutmix.com” title=”Get your own free shoutbox chat…

How to remove number of post in lable.

January 3, 2009

1. Login to blogger account with your ID

2. Click Layout. then click edit HTML.

3. Click the Download full template link. Save your template:

4. Please mark the little box beside Expand Widget Templates.

5. Find the code like this :

(<data:label.count/>)

…

Add top of Page Icon Link

January 3, 2009

1. Log in to your blogger account.
2. Got to Layout then got to Page element.
3. Click Add gadget then click HTML/JavaScript.
4. Copy below code and paste in it:

<a style=”display:scroll;position:fixed;bottom:3px;right:3px;” href=”#” title=”Back to Top”><img src=”http://img89.imageshack.us/img89/7829/arrowupcq0.jpg”/></a>

5. Save it.

You can change the position of it. You can see the…

Make random header….

January 2, 2009

Go to this website to see demo. I have very small images so you can see only in half part. http://header-examples.blogspot.com/

For Classic Template

1. Log in into blogger with your id
2. Click Template
3. Click Edit HTML
4. Copy and pate the following code under

Top commentators in blogger

January 2, 2009

1. Log in into blogger with your ID.
2. Click Layout
3. Click Page Elements tab
4. Click add a Gadget
5. Click on HTML/JavaScript
6. Copy and paste the below code.

<script type=”text/javascript”>
function pipeCallback(obj) {
document.write(“<ol>”);
var i;
for…

Make Vertical Menu bar in blogger

January 2, 2009

1. Sign in to blogger with your ID.

2. Click layout tab.

3. Click Edit HTML tab.(Don’t forget to back up your template.)

4. Copy and paste the code below at above of ]]></b:skin>

#vertical-1{
border-bottom-width: 0;
}

#vertical-1 ul{
margin: 0;
padding: 0;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial,

…

← Previous Entries

Next Entries →