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

• CSS DimensiFitur CSS Dimensi berfungsi untuk mengontrol tinggi dan lebar suatu elemen seperti gambar dan paragraf teks. Baik Mengatur tinggi dari suatu elemen dengan menggunak ... readmore
• Membuat Thread Comment BertingkatMembuat Thread Comment Bertingkat - kali ini saya akan membahas  tentang bagaimana cara memebuat agar Thread comment betingkat sepeti gambar diatas. kode CSS-n ... readmore
• Cara membuat menu tooltipMenu yang berbentuk vertikal ini sangat menarik untuk dipasang pada web atau blog kita. Selain berfungsi sebagai daftar isi, tepatnya digunakan untuk daftar link at ... readmore
• Cara hanya menampilkan judul posting saja pada halaman depan blogUpdate kembali trik cara hanya menampilkan judul postingnya saja pada halaman depan atau home page. Mengingat cara ini memang sangat efisien dan sangat menghemat te ... readmore
• CSS3 TransisiSetelah yang lalu kita belajar tentang Transformasi 2D, kemudian agar lebih menarik kita tambahkan dengan efek transisi. Dengan CSS3 transisi, kita dapat menambahka ... readmore