How to add a scrolling box with links for blogspot
1. add this code into your new HTML/JAVASCRIPT Widget
<style type="text/css">
#anhbiafacebook{margin:0; padding: 0; height:238px; overflow: auto; background:url(background of scrolling box) no-repeat bottom right; font-weight:bold}
#anhbiafacebook p {margin:0; padding:2px 10px}
.favicon {width:16px; height:16px; margin-right:5px}
.connect {width:48px; height:48px; margin:5px 10px -15px 0}
</style>
<div id="anhbiafacebook">
<center style="margin-bottom:25px"><a href="http://gioitrelocthuy.blogspot"> BLOGGER LINKS</a></center>
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'>
<img src="logo link" class="favicon" /> <a href="the address you want to go to" target="_blank">Link title
</a><hr />
</marquee></div>
2. Customizing:
*Change (Title in red) to the title you want
*background of scrolling box with your onw background.
*Change logo link and the address you want to go to with your own logo and link
3. To add more links:
Insert this code:
<img src="logo link" class="favicon" /> <a href="the address you want to go to" target="_blank">Link title
</a><hr />
into the middle of this code:
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='165' width='100%'>
Your new links here
</marquee></div>
Đăng nhận xét