Sabtu, 01 Desember 2012

Tutorial Sederhana Membuat Resent Post Bergerak

bismillahirrohmanirrokhim ..

sebelumnya saya pernah membuat artikel yg berjudul "tutorial Recent Post thumbnail dengan JQuery" Sebenarnya fungsinya sama dengan artikel saya kali ini , hanya perbedaanya berada pada penampilan gambar.
seperti judul di atas bahwa artikel resent post saya kali ini tidak menampilkan gambar .. jadi bisa menghemat tempat di widget sobat .. sobat tinggal edit besar kecilnya dan sesuaikan dengan tempat di blog sobat .. caranyapun sangat simple, karna tanpa edit HTML ..

yuk .. ikuti aja tutor di bawah ini ..

1. login ke Blogger sobat ==> dasbor ==> tata letak ==> Add Widget dan pilih HTML/javascript
2. masukkan Code di bawah ini
Untuk melihat file Click Spoiler

<marquee behavior='scroll' align='left' direction='up' height='250px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'><script style="text/javascript" src="http://heberscript.googlecode.com/files/recent.posts.js"></script> <script style="text/javascript"> var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; var standardstyling = true; </script> <script src="http://galaxitutorial.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></marquee>

3. simpan dan lihat hasilnya

Ket :
-  angka 250 merupakan ketinggian
-  angka 2 merupakan kecepatan , semakin besar angka semakin cepat gerakannya
-  angka 25 merupakan jumlah post yg ingin di tampilkan .. sesuaikan dengan jumlah artikel sobat
-  http://nicroganteng.blogspot.com/  silakan ganti dengan alamat sobat

Semoga bermanfaat untuk kita semua ..

dan semoga Rahmat serta Hidayah-NYA selalu tercurah untuk kita semua ,, amin ..




Tidak ada komentar:

Posting Komentar