Thursday, April 19, 2012

How to Make Animated Archive in Blogger


A good news for bloggers now you can finally see all blog archives in once at a time without using any scrollbar. It is a nicely coded Script using for fit your Blog Archive in Small Box with Marquee Animation


How to Make Animated Archive in Blogger



Go to Blogger > Design > Page Element

And then select Add a Gadget>HTML/JavaScript

Now paste the following code in that gadget

CODE:1

<marquee scrollamount="2"
direction="up" loop="true"><script language="JavaScript"
src="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2FEdutechnet.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=999&desc=0&date=n&targ=n"
type="text/javascript"></script><noscript><a href="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2Flinktohow.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=999&desc=0&date=n&targ=n&html=y">View
RSS feed</a></noscript></marquee>

CODE:2 (If you bring your mouse over the content will stop)

<marquee onmouseover="this.stop();" onmouseout="this.start();"scrollamount="2" direction="up" loop="true">
<script language="JavaScript" src="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2FEdutechnet.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=999&desc=0&date=n&targ=n" type="text/javascript"></script><noscript><a
href="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2Flinktohow.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=999&desc=0&date=n&targ=n&html=y">View RSS feed</a></noscript>
</marquee>

You can use any one code of them.

Change Edutechnet.blogspot.com to your own blog url.

Save your template :)

Please share if you like or comment here

0 comments:

Click Here To add Comment