Cara Membuat Recent Post dengan Menggunakan Scroll | Tutorial Blog Tutorial Blog: Cara Membuat Recent Post dengan Menggunakan Scroll

Pages

Saturday, February 25, 2012

Cara Membuat Recent Post dengan Menggunakan Scroll

Gadget recent post dengan menggunakan efek scroll, memudahkan kita untuk menentukan jumlah artikel terbaru yang akan kita tampilkan pada tampilan Blog kita. berikut akan dijelaskan tehnik pembuatannya.Bila anda tertarik untuk mencobanya, silahkan ikuti langkah-langkah dibawah ini :

1. Klik Rancangan dan pilih Elemen Laman

2. Silahkan Anda Klik Tambah Gadget

3. Pada jendela baru silahkan 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="http://tutorialplan.blogspot.com//feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

Catatam :
  • Ganti http://tutorialplan.blogspot.com dengan 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. Kemudian Simpan.

Semoga berhasil...... selamat mencoba.........

0 comments:

Related Posts Plugin for WordPress, Blogger...