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.

Related

Cara buat menu drop down bubble

Koleksi baru lagi cara buat menu drop down, dan menu ini memiliki tampilan yang berbeda dengan menu drop down yang lain. Menu drop down ini mengunakan efek bubble yaitu efek hover yang timbul berbentu...

Cara buat menu dengan efek image sliding down

Menu ini sangat cocok digunakan pada web dan blog untuk berbisnis. Sebab dari segi tampilan memang menu ini tampak sangat elegan, sehingga dengan menu ini web atau blog kita akan lebih bagus dan leb...

Cara buat Slide Menu vertikal

Dilihat dari tampilan dan efek slidding yang muncul, Slide Menu vertikal ini tidak beda dengan tampilan menu accordion. Efek slidding pada menu vertikal ini menampilkan sebuah ikon sesuai dengan menu ...

Posting Komentar

emo-but-icon
:noprob:
:smile:
:shy:
:trope:
:sneered:
:happy:
:escort:
:rapt:
:love:
:heart:
:angry:
:hate:
:sad:
:sigh:
:disappointed:
:cry:
:fear:
:surprise:
:unbelieve:
:shit:
:like:
:dislike:
:clap:
:cuff:
:fist:
:ok:
:file:
:link:
:place:
:contact:

Hot in weekRecentComments

Hot in week

Recent

Slide down random post

Satu lagi pengembangan fitur slide show terbaru dari saya. Fitur ini saya beri nama "Slide down random post", sebab fitur ini saya adopsi dan saya kembangkan dari aplikasi recent post yang tampil seca...

Slice Random Recent Post

Dilihat sekilas memang recent post ini tampak seperti biasa, dan hanya tampil judul artikel saja. Tapi sebenarnya recent post ini memiliki tampilan yang lebih, yaitu effek slice atau sebuah lapisan ya...

Buat Toko Online dengan blogger tidak kalah Profesional

Bersamaan dengan Lounching Perdana Toko Online "Jogja Smart", saya ingin berbagi pengalaman  dan pengetahuan tentang blogger kepada sobat - sobat blogger yang mampir di blog tercinta ini.Kendati ...

Cara mengaktifkan Thread Comments blogger

Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Comments ini memiliki fitur yang lebih dibanding form komentar yang...

Cara Pasang Rating Bintang Rich Snippets

Bagi yang belum atau masih kesulitan memasang Rating Bintang dan Rich Snippets, berikut langkah yang paling pas dan mudah untuk memasang Rating Bintang dan Rich Snippets.Sebelum menuju caranya, sebaik...

Comments

Manly tours:

artikel ini beserta kode kodenya untuk di passang di website blogger ya mas keren juga mas saya kepingin tapi saya tidak menggunakan website blogger yang saya gunakan website word press, kalau begitu...

peluang usaha:

wah.. keren nih..tanks gan dah share

muhammad isra:

kalau batas waktu 10, apa tidak terlalu cepat gan....salam sukses selalu...ditunggu kunjungan balik dan kritik sarannya......

item