Thursday, March 31, 2011

How To Create Content With Scroll Effect # 2

How To Create Content With Scroll Effect

S
ome time ago I've shared how to make a list of blog content with scrolling effects. This time I will share the same, but different.

I mean, widget which I will share this time has the same function, namely to make a list of contents on our blog have the effect of the scroll, the point is in addition to make it easier for visitors to find articles you want, this widget will also be able to save the area or place in the pages sidebar ours. But in addition to have in common, according to the sentence that I say, "the same thing, but different", this widget also has the distinction, the difference it has with previous version is located at number listed beside each article title link.

This widget remodel the results from previous versions of the script table of contents, although it may have been many whocreated. To see an example, you can view the contents on my blog right in the sidebar of this blog.

All right, directly at the point well, I hope you already understand what I mean. Well, here's how to install, very easy, you just follow the steps:

1. Make sure you are in a state entry in blogspot.com

2. Select Design

3. click Page Elements

4. Click Add Widget

5. Choose HTML/ JavaScript

6. Copy and paste the following script into the form HTML/ JavaScript

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://go-blogtips.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>
[Widget By: <a href="http://go-blogtips.blogspot.com/2011/03/how-to-create-content-with-scroll.html">Blogger Tips & tricks</a>]

7. Click save

Note:
* Replace the URL in red with your own Blog URL (REMEMBER, ONLY THE COLOR RED URLs!)

0 Comment:

Post a Comment