MULTI PASTE - Satu lagi trik untuk mempercantik blog, yaitu menampilkan animasi bola memantul. Animasi ini di buat menggunakan javascript yang didesign oleh Lloyd Hassell. Untuk menampilkan animasi ini, maka script akan ditanamkan pada bagian head dokumen HTML template, serta perintah eksekusi (onload) script ditempatkan pada bagian body agar animasi dapat ditampilkan di seluruh halaman blog. Animasi berupa 3 buah bola yang memantul secara acak pada halaman blog seperti yang anda lihat pada halaman artikel ini.
Jika anda suka animasi ini, ikuti cara implementasinya sebagai berikut.
- Login ke blogger dengan ID anda
- Pada halaman dashboard klik link nama blog anda
- Pilih menu Template >> Edit HTML >> Proceed
- Cari kode <head> dan tempatkan script ini tepat di bawahnya.
<script language="JavaScript" src="https://sites.google.com/site/multipaste1/dynlib.js?attredirects=0=1"></script> <script language="javascript" src='https://sites.google.com/site/multipaste1/bouncingimages.js?attredirects=0=1'></script>
- Selanjutnya cari kode <body> lalu hapus dan ganti dengan kode di bawah ini
<body onLoad="javascript:loadBouncingImages();">
- Pada beberapa template, kode <body> biasanya akan diikuti oleh kode HTML lainnya atau karena sudah pernah memasang plug-in eksternal blogger yang ditanamkan pada template, kemungkinan kode <body> bentuknya akan seperti di bawah ini.
<body expr:class='"loading" + data:blog.mobileClass'>
- Jika kode <body> pada template anda seperti yang terdapat pada poin 6 di atas, maka tambahkan saja kode onload script sehingga kode akan menjadi seperti di bawah ini.
<body expr:class='"loading" + data:blog.mobileClass' onLoad='javascript:loadBouncingImages();'>
- Simpan template anda dengan menekan tombol Save Template
- Langkah terakhir periksa blog anda, jika berhasil menampilkan animasi bola memantul ucapkan Alhamdulillah...