Cara membuat recent post menggunakan efek scroll

Gadget recent post ini berfungsi menampilkan seluruh artikel yang pernah kita posting pada blog kita. Cara ini memang sudah tidak asing didunia blogger, saya sendiri sudah pernah posting cara ini sudah lama sekali di blog saya yang lain.  Tapi tak masalah sekedar penyegaran, siapa tahu masih ada yang membutuhkan....iya kan?
OK.... kita lanjutkan, Gadget recent post ini bekeja menggunakan efek scroll, dan kita bebas menentukan jumlah artikel terbaru yang akan kita tampilkan pada gadget ini. Tehnik ini dulu saya dapat dari Blogger tips and trik, dan aslinya trik ini dipersembahkan oleh Tech Vyom.
LIHAT DEMO

Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini :

1. Klik Rancangan dan pilih Elemen Laman

2. Tambah Gadget

3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript

4. Copy dan paste kode dibawah ini pada gadget tersebut :

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="ULR BLOG/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

Catatam :

• Ganti ULR BLOG dengan ULR BLOG ANDA
• var nMaxPosts = 15; (Maksimal jumlah post yg tampil)
• var nScrollDelay = 175; (Nilai kecepatan scroll)
• var sDirection="left"; (Arah bisa diganti : right. up, bottom)
• var sOpenLinkLocation="N" ("N" = Link diarahkan dg buka tab baru, bisa diganti "Y")
• var sBulletChar="•"; (Tanda List, bisa diganti : "~ , @ , # , $ , ^ , * , + , atau yg lain)

5. SIMPAN.

Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Judul: Cara membuat recent post menggunakan efek scroll; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts