- Back to Home »
- tips blogger »
- Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)
Posted by : aa-irwan
Rabu, 04 Januari 2012
Widget Recent Posts atau Posting terbaru merupakan widget penting karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yg masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.
Widget recent post yg saya share kali ini memiliki fitur dan tampilan yg cukup menarik. Kombinasi script recent posts, auto scroll / spy list menghasilkan widget recent posts Blogger yg memiliki efek hebat dan dapat mengundang ketertarikan pengunjung. Alhasil, tampilan/desain blog pun dapat bertambah nilainya dengan ditambahnya widget recent posts ini. Sudah lama saya menggunakan widget ini dan perannya dalam menambah jumlah pageview blog pun tidak diragukan lagi.
Cara Membuat Blogger Auto Scrolling Recent Posts
Ikuti langkah-langkah berikut dan pastikan tidak ada bagian yg terlewatkan:
1. Copy Script berikut : ..............................
Note : Host sendiri gambar http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg dan ganti dengan url gambar yg telah sobat upload.
2. Ganti http://buka-rahasia.blogspot.com/ dengan url blog sobat. Pastikan ada tanda slash ( / ) di belakang url blog.
3. Buka dashboard > Design/Layout > Add a Gadget / Tambahkan Gadget.
4. Pilih HTML/Javascript.
5. Paste semua kode ke dalam kotak HTML/Javascript.
6. Save.
Kostumisasi Tampilan Widget Recent Post Blogger :
Untuk menyesuaikan tampilan recent post dengan template blog, perhatikan dan ganti beberapa poin dasar berikut sebelum memasukkan script :
- boxwidth = 300 adalah lebar widget dalam pixel (px), ganti nilainya sesuai dengan lebar sidebar blog.
- text = "Reply(s)" adalah teks di belakang jumlah komentar, ganti Reply(s) sesuai keinginan, misalnya: komentar, comment(s), dll.
- numposts = 10; adalah jumlah posting terbaru yg akan di-crawl, ganti nilainya sesuai keinginan.
- limitspy=5 adalah jumlah posting terbaru dalam sekali tampilan, ganti nilainya sesuai keinginan.
- intervalspy=6000 adalah kecepatan scroll / spy dalam milisecond (ms), ganti nilainya untuk mengatur kecepatannya.
Selesai ! dan berhasil - berhasil !!
Sumber : Script combined from bloggertricks.com, spy effect by jqueryfordesigners.com, by Mas Abu Farhan, modified and enhanced by buka-rahasia.blogspot.com
info yg menarik.
BalasHapussip gan. ijin copas.
BalasHapusartikel yg bagus. mantap.
BalasHapusijin sedot rumusnya. tks
BalasHapuswaw baru tahu caranya begini. tks for share
BalasHapuslink sumber?
BalasHapusartikel na meni sae gan ...
BalasHapusok
BalasHapusbaik terimakasih yaa kang
wah keren akhirnya saya jg bisa buat widgetnya. tks. si agan ini memang masternya.
BalasHapusok baik terimakasih ilmunya
BalasHapusmantap gan.
BalasHapusArtikel yang keren gan ..
BalasHapushakn's unfo nya gan!
BalasHapuswah susah uy. tp manatbbbbbbbbbbb
BalasHapusthank's info nya gan !
BalasHapusmantabbbbbbbbbb
BalasHapuskeren gan.
BalasHapusobat herbal tbc
BalasHapusobat herbal tbc
BalasHapusCara cepat sembuhkan diabetes
BalasHapusobat tradisional asam urat
BalasHapusobat herbal stroke
BalasHapussaya coba dulu gan !
BalasHapusmakasih infonya gan
BalasHapusterima kasihgan tips menarik nya !
BalasHapusterima kasih atas tutorialnya
BalasHapusmantap gan tutorialnya
BalasHapus