Create Bloggroll Box

Friday, May 1 ·
Okay, this time i want to explain about blogroll box. If you don't know what
is "blogroll" you can see on my sidebar. There is a box named "Blogroll".
We can make blogroll in two version, first Blogroll without marquee (not move)
and second blogroll with marquee (can move). I will explain it one by the one.


1. Blogroll without marquee (not move)


You need some coffee to start working. :) just kidding. Okay, let's go.


You only need to copy this code below to (Page Elements --> Add Gadget -->
HTML/Javasript)


<div style="border: 1px solid rgb(153, 153, 153);

overflow: auto;

width: 200px;

height: 200px;

text-align: center; ">


#link1 <br />

#link2 <br />

#link3 <br />

#link...


</div>


NB : the blue text mean, you need to change it to links of your friend's blog.
Example : your friend's link is www.i-onetutorial.blogspot.com. You only copy
it and paste it to the blue text. If you do it correctly, the code will like
this :


<div style="border: 1px solid rgb(153, 153, 153);

overflow: auto;

width: 200px;

height: 200px;

text-align: center; ">


www.i-onetutorial.blogspot.com <br />

#link2 <br />

#link3 <br />

#link...


</div>


You can insert more link with the same way.


If your friends URL too long and you want too maake it short, you can change
the blue text with :


<a href="YOUR_FRIEND_URL">NAME_TO_SHOW_IN_BLOGROLL</a>


I give one example. I have one URL www.cheatsoldier.blogspot.com. It's too
long if i put it to my blogroll box, and i want to make it short. You need to
type :


<a href="www.cheatsoldier.blogspot.com<Cheatsoldier</a>


and the result will be like this :

Cheatsoldier

i-onetutorial

2. Blogroll with marquee (can move)


Now, go to Page Elements --> Add Gadget --> HTML/Javascript


You need to paste the code below


<MARQUEE align="center" direction="up"
height="100" scrollamount= "2" onmouseover='this.stop()'
onmouseout='this.start()' width="95%" >


#link1 <br />

#link2 <br />

#link3 <br />

#link...<br />


</marquee>


NB: You need to change the blue text with you friend URL. The red text mean,
the direction of the move of your blogroll box is from bottom to top.


If your friends URL too long and you want too maake it short, you can change
the blue text with :


<a href="YOUR_FRIEND_URL">NAME_TO_SHOW_IN_BLOGROLL</a>


I give one example. I have one URL www.cheatsoldier.blogspot.com. It's too
long if i put it to my blogroll box, and i want to make it short. You need to
type :


<a href="www.cheatsoldier.blogspot.com<Cheatsoldier</a>


and the result will be like this :

Cheatsoldier

If you do it correctly, your blogroll will like this

  #link1
#link2
#link3
#link4


Thank you for visiting my blog, come back anytime you want my friend.

| More

1 comments from friend:

Danta said...
May 20, 2009 at 7:17 PM  

Nice tutorial..

Post a Comment

 

SKY DASHBOARD | Copyright © 2009 - Blogger Template Designed By BLOGGER DASHBOARD