Today we have How to make a blog roll.
Blog roll being that little thingy on the sidebar that has many blog buttons/book cover/upcoming reviews scrolling up/down/left/right.
There are different styles for blogrolls, but today I am giving you the code for a simple blog roll that stops when you hover your mouse over it, which will be very useful. It personally annoys me a lot when blogrolls don't stop at all because then I loose the blog I was going to follow or the review I was going to check out.
Let's get started, this is the code for a basic blog roll that goes up:
<marquee align="center" direction="up" height="250" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="95%">
</marquee>
Editing the code
To change the direction of your blog roll change the word up for:
left, right or down.
to adjust the height of your blog roll just change the number in blue.
Do Not forget to close your blog roll with </marquee>
to make sure everything is centered in your blog roll, right after you close the first part add <center> and then before you close your marquee add </center>. Like it is show in the geen part.
<marquee align="center" direction="up" height="250" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="95%">
<center>THIS IS WERE THE BLOG BUTTON CODES GO, OR THE LINKED IMAGES TO YOUR REVIEWS</center>
</marquee>
If you guys have any questions or topics that you'd like to see on Little Blogger Things, please let me know in the comments and I will try my best to answer it and feature it here :)
Oh, thank you so much for this, it's working and amazing. Thank you thank you! I have been wondering how this was done.
ReplyDeleteKatie @ Turner’s Antics
Glad it helped :D!
Delete