Auto Recent Posts Effects Berjalan

Memulai blogging, dengan mencoba berbagi  buat sobat juga teman online barangkali
Ada yang  membutuhkan  widget  recent posts,  dengan  effects  berjalan  ke samping
Tentu akan membuat tampilan  blog anda sedikit unik, karena  pada umum nya recent
Posts pada umum nya hanya  tampil yang  biasa saja,  pada masa yang  serba canggih
Dan tekhnology  yang semakin maju  dengan  pesat,  kreativitas blogging  pun tak mau
Ketinggalan, salah satu nya widget recent posts dengan effect berjalan akan saya share

Auto Recent Posts Effects Berjalan

Seperti slide nantinya widget ini, bekerja di blog anda dengan berjalandari arah
Kanan ke kiri, terus menerus namun jika cursor di arahkan ke link recent posts
Secara otomatic widget nya berhenti, dan jika di lepas maka akan berjalan lagi

Penasaran silahkan simak tutorial nya berikut di bawah ini dengan sekseama :
Pertama masuk account anda, kemudian pilih dasboard lalu pilih layout atau
Tata letak pada blog anda. selanjutnya tambah widget, lalu copy kode script
Di bawah ini, pastekan pada add widget yang tadi, paste pada kolom html

<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="http://1.bp.blogspot.com/-fKeh7aRkfVs/Tvll57YC8yI/AAAAAAAAAvY/pUwMXLHvSc8/s1600/arrowe.gif";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF0000";
var jnlinkhovercolor="3366CC";
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<script type='text/javascript' src='http://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://tutorialchayikn.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

Keterangan :
Ganti link yang berwarna Merah, edite dengan Url blog anda, jangan lupa save widgetnya
Sekian semoga artikel ini walau sederhana,  mudah-mudahan bisa bermanfaat buat anda