Loading...

Cara membuat efek widget bergerak di Blog

Kamis, 30 Oktober 2014
Cara membuat efek widget bergerak memantul di Blog
Berikut ini adalah tentang Cara membuat efek widget bergerak di Blog. setelah sebelumnya seocips telah membagikan tutorial efek gambar yaitu tentang cara membuat efek zoom dengan gambar berputar di blog. Efek seperti ini sebenarnya sudah lama saya gunakan tapi belum sempat saya buat artikelnya dan untuk melengkapi artikel di blog ini jadi saya menulis disini untuk anda yang belum tahu membuat widget dengan efek bergerak ini.

Demonya anda dapat melihat widget "join this site" di sebelah kanan/ sidebar kanan blog ini. Efek ini juga dapat anda gunakan di widget-widget kecil lainnya yang ingin anda buat bergerak. Mungkin alasanya adalah membuat widget kelihatan menarik, alasan lainnya juga adalah untuk menarik perhatian agar orang yang melihat widget penasaran dan berpikir "eh apayah yang bergerak itu" hehehe.

berikut kodenya
<marquee>
widget anda
</marquee>

Kode di atas akan membuat widgetnya bergerak dari kanan kekiri seperti menembus dinding dan keluar lagi. jika sobat ingin widgetnya memantul-mantul seperti di Demo sobat dapat menggunakan kode dibawah ini

<marquee behavior='alternate'>
Widget anda
</marquee>

Nah DIbawah ini adalah contoh kode widget "join this site" yang digabungkan efek bergerak memantul itu.

<marquee behavior='alternate'><a href='http://www.blogger.com/follow-blog.g?blogID=8405024231897187603' rel="nofollow" target="_blank"><img alt="Join This Site" src="https://lh3.googleusercontent.com/-hv6VicWsNFM/T5q-QV4D1YI/AAAAAAAAAD8/CttNp8Ztjjk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a></marquee>

Kode berwarnah merah itu adalah widget yang ditambahkan. Ok sobat jika tertarik dengan efek blog yang lainnya silahkan baca artikel sebelumnya seperti:

  • Cara membuat efek rotasi pada gambar
  • Cara membuat efek quake pada gambar
  • Cara membuat image slider v6

Ok sobat sekian artikel seocips tentang Cara membuat efek widget bergerak memantul di Blog dan jangan lupa untuk melihat posting terbaru lainnya. Semoga bermanfaat.
Advertise Here
By bungfrangki.com
300x250

Click here for comments 0 komentar:

- Komentar harus sesuai topik, tidak menyimpang !
- Komentar bersifat promosi, langsung Saya hapus !
- Jangan meletakkan link aktif pada komentar, karena itu spam !
- Tolong beritahukan Saya jika ada link, gambar, dll yang rusak !

Terima kasih atas komentar Anda