Auto Scrolling Widget Postingan Terbaru Untuk Blogspot

Siapa yang suka dengan tom and jerry ? wah saya kira hampir semuanya suka yah termasuk saya juga :) kalau daritadi tentang bookmark, sekarang tentang widget related post tetapi pake efek animasi sederhana jerry si tikus yang berlari2 dikejar2 judul postingan terbaru kita hhehe, Thanks buat bdlab.blogspot.com untuk kode javascriptnya yang mengagumkan dan buat kamu yang ingin mencobanya ikuti langkah2nya dibawah ini :

1. Sign In ke Blogger

2. Pilih Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript dan masukan kode Javascript dibawah ini :

<a href='http://bit.ly/work24'><img alt='Blogger Widgets' src='https://sites.google.com/site/bdlab12/24work/Blogspot%2BTutorial.png'/></a><script type='text/javascript'>

var w2bWidth="100";

var w2bScrollAmount="10";

var w2bScrollDelay="105";

var w2bDirection="left";

var w2btargetlink="yes";

var w2bnumPosts="5";

var w2bBulletchar =">>>";

var w2bimagebullet="yes";

var w2bimgurl="http://4.bp.blogspot.com/-Dzc4Y6G_iQk/TvngY-SxJiI/AAAAAAAAAvw/Abx5E6KSGkg/s1600/JerryAni.gif";

var w2bfontsize="16";

var w2bbgcolor="FFFFFF";

var w2blinkcolor="FF0000";

var w2blinkhovercolor="3366CC";

</script>

<script type='text/javascript' src='http://safir85.ucoz.com/bdlab-blogspot/24work/scrolling-rece/24work-rpscroller-v3.js' ></script>

<script type='text/javascript' src="http://24work.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script>

<noscript><a href="http://24work.blogspot.com">blogger widget</a></noscript><span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

3. Simpan template.

Postingan Terkait:

Posted in: Blogger,Recent Post