Sekitar dua bulan lalu, ketika liburan di Bandung, tanpa sengaja saya nyasar ke sebuah blog milik seorang perempuan Jerman (alamat blognya lupa). Tampilan blognya sangat menarik, dengan template full pink dan ditambah widget- widget animasi yang jarang (bahkan bisa dikatakan tidak) ditemui di blog-blog milik orang Indonesia. Salah satu yang membuat saya tertarik adalah falling snow effect yang terdapat dalam blog tersebut. Falling snow ini mengesankan sebuah perasaan cinta kasih yang dimiliki si pemilik blog.
Karena rasa penasaran, akhirnya saya mencari tahu cara membuatnya. Dan setelah ditelusuri, ternyata caranya cukup mudah. Selain itu falling snow ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (falling snow) sesuai yang kita mau (untuk melihat contohnya silahkan buka blog ini).
Jika sobat blogger tertarik untuk membuat falling snow ini, kamu bisa mengikuti langkah-langkah berikut:
Nah, mudah sekali kan? Ok coy, selamat mencoba...
Karena rasa penasaran, akhirnya saya mencari tahu cara membuatnya. Dan setelah ditelusuri, ternyata caranya cukup mudah. Selain itu falling snow ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (falling snow) sesuai yang kita mau (untuk melihat contohnya silahkan buka blog ini).
Jika sobat blogger tertarik untuk membuat falling snow ini, kamu bisa mengikuti langkah-langkah berikut:
- Login ke akun blogger kamu.
- Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
- Kopikan script di bawah ini dan letakkan (paste) di bawah kode <head> (yang letaknya di awal-awal script template blog).
<script language='JavaScript'> var no = 7; var speed = 5; var snowflake = "http://img.webme.com/pic/m/monimaus-monalila/gemischte_herzen_0148.gif"; </script> <script language='JavaScript' src='https://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>
- Kamu bisa mengganti gambar yang jatuh (var snowflake) dengan gambar yang kamu inginkan. Kamu juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan kamu.
- Lakukan Pratinjau (Preview) sebelum menyimpan template kamu.
- Jika sudah OK. Save template kamu dan ucapkan Alhamdulillah...
Nah, mudah sekali kan? Ok coy, selamat mencoba...
22 komentarPosting Komentar
ya, memang keren, kang. Oh ya, selamat ngabuburit kang EnEs.
Aku juga pernah lihat yang beginian, bang. Bagus sih. Tapi, buat page loading jadi beraaatt :(
Kalau untuk yang tidak bermasalah dengan koneksi internet sih, kayaknya nyantai aja. Tapi kalau yang masih ajrut-ajrutan (kayak aku nih Hehehe), kadang suka malas buka blog yang kayak gitu. Udah loadingnya lama, gambarnya banyak yang error. Heheheh
oleh2nya sipps unk. kebtulan aye pengen menebar CINTA. ntar di tengok k sastra, culun :D biar konkrettttts.
hebat... JURUNYA keluar terus
salam hehe1430x
asalmuaLAIKUM LAM KENAL KANG ENES
@Rev Ivan:
Ehem-ehem... Yup. Dah buka sekarang mah, sob...
@Rev Irma:
Untuk yg made in Jerman ini gak berat, trus gambarnya gak error mbak. Dijamin deh. Sayang klo dipasang di blog ini gak maching...
@Rev JT:
Maklum sob, geus blajar ti Cimande, jadi weh loba jurus, hehe2009x...
@Rev Anisa:
Salam kenal juga teh...
salam sobat
wah selalu ada tips baru ,,kalau berkunjung kesini,,
trims sudah diberikan tips falling snow effect,,,bisa dicoba-coba nich biar cantik tampilan blog saya,,semoga ngga kesulitan.
Terima kasih tutorialnya, kalo ngga bikin loading lama, bisa dicoba. Jadi keramean ngga ya?
@Rev Nura:
Kayaknya emang cocok buanget dengan blog Nura yang full pink, hehe...
@Rev Lina:
Dari hasil percobaanku, yg bikin "lola" tuh bukan falling snow, tp rolling widget.
Di blog Sastra Culun pake rolling widget karena templatenya dua kolom jd kekurangan ruang buat shoutmix-nya. Cobain aja dulu deh, hehe...
Thanks Tips nya Enes.....
Waw bunga2 cinta berterbangan, terimakasih Sob, kunjungi web saya semoga ada yang menambah ilmu dan manfaat bagi sobat.
http://www.muthofarh.blogspot.com telah mencobakannya, TQ jadi lebih indah
sep keren...!!!
makasih sob infonya,langsung ke TKP nich
@Rev Kokon, dodi, new B, & Indo 15:
Sama-sama sobat...
tmplatku bertebaran cinta kang enes....
boleh jga..
makasih...
thanks bgt,...blogkujadi syik, bljr banyak nich kang enes :) tq fulll
thx infonya..
mau tanya, untuki mengubah jenis ukuran gmn iia?
thx bgt ya skali lagi^^
nuhun kang elmuna..
kaanggo pisan!!
Terimakasih infonya... buat wawasan belajarku
kang , buat masukin gambar lainna ada referensi lagi ga ? eror wae eui .. huhuhu
artikelx bagus trimakasih infox gan
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.