Cara Membuat Widget Berjalan atau Bergerak

Marquee Widget atau yang gampang di kenal dengan sebutan Widget berjalan adalah salah satu cara untuk membuat widget terlihat lebih indah atau rapi. Kalau kita menambahkan efek marquee di widget, maka widget tersebut tidak memiliki scroll bar, jadi buat sobat blogger yang ingin menampilkan widget tapi tanpa scroll bar, pilihan yang tepat adalah dengan menambahkan efek marquee atau efek berjalan pada widget tersebut. Scroll bar sangat bagus untuk menghemat tempat, akan tetapi apabila background blog kita berwarna gelap seperti hitam atau coklat tua, scroll bar terlihat merusak pemandangan. Itulah sedikit gambaran tentang widget yang menggunakan scroll bar dan widget yang menggunakan marquee. Maaf kalau saya tidak bisa menyusun kalimat di atas dengan teratur, soalnya ada banyak kerjaan yang sedang menunggu.

Sobat blogger tertarik untuk menggunakan efek marquee di widget sobat? 

Kalau seperti itu, copy kode ini :

<br /> <marquee align="center" direction="up" height="100" scrollamount= "1" onmouseover='this.stop()' onmouseout='this.start()' width="100%"><br />

Bagaimana cara pasang kode tersebut dalam widget?
Misalkan sobat blogger pengen menerapakan widget berjalan pada widget recent post, kodenya akan jadi seperti ini :
<br /> <marquee align="center" direction="up" height="100" scrollamount= "1" onmouseover='this.stop()' onmouseout='this.start()' width="100%"><br /> <br /> <script style="" src="http://jimmyjackbob.googlepages.com/Recent_posts_widget_blogger.js"></script><script style="">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://bloggertutorialblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script><br />
Jadi, kode Marquee di letakkan sebelum kode widget. Untuk lebih jelasnya perhatikan gambar di atas!

Baca tutorial menarik lainnya di bawah ini :

Tips Trik Blog

• Membuat Teks Link Berkedap Kedip
• Cara Buat Tombol Hide and Show (Spoiler)
• Cara Membuat Salam Pembuka Blog
• Membuat Gambar di setiap Artikel Secara Otomatis SEO
• Membuat Judul Blog Berada di Tengah
• Cara Buat Tulisan Berjalan / Effect Marquee di Blog
• Cara Memasang Facebook Like Badge
• Cara Menyembunyikan Navbar Blog
• Cara Menampilkan Judul Artikel Saja di Home Page Blog
• Cara Menambahkan Syntax Highlighter pada Blog
• Cara Menghias Cursor Blog
• Blog dan Google Chrome
• Contact Us
• Cara Pasang Alexa Traffic Widget
• All About Anchor Text
• Cara Buat Navbar Auto Hide
• Cara Pasang Yahoo Emoticon di Blog
• Ayo Tukar Link!!!
• Cara Backup atau Download Template Blog Sendiri
• Cara Menambahkan Link Blog kita pada Widget Attribution
• Menghilangkan Bayang atau Border Pada Gambar Blog
• Cara Menyembunyikan Widget Attribution Power By Blogger
• Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page
• Cara Buat Related Post atau Artikel Terkait