Memasang Animasi Dipojok
Apaan sih ini..?? Pada bingung kan?..:D #trik_pojok {
Harap tenang saudara-saudara.. Pertanyaan anda akan saya jawab. Sebelumnya coba anda lihat ke bawah tepatnya sebelah pojok kiri blog saya. Apa yang anda lihat.? udah ada yang bisa nebak kan.? nah itulah yang saya maksud. Sebuah animasi bergerak yang bisa anda pasang di dalam blog anda. sebenarnya fungsi dari animasi tersebut hanya untuk hiasan blog saja agar tampilan blog anda lebih menarik. Anda bisa menggantinya dengan image, logo, atau lainnya. Animasi ini terdapat keunikan tersendiri. ketika kita menarik scrool bar keatas/kebawah, animasi tersebut tetap berada ditempatnya. Cara membuatnya cukup mudah. Anda hanya perlu mengikuti langkah-langkah berikut.
Langsung Menuju TKP....
1. Loggin ke blogger, kemudian masuk dasbor.
2. Pilih Template-->'Edit HTML"
3. Cari code ]]></b:skin>
4. Copy code dibawah ini kemudian letakan diatasnya.
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Code "bottom" dan "left" adalah posisi animasi/image. Jika anda ingin menempatkan animasi/image tersebut di pojok kanan bawah, maka ganti code "left" menjadi "right". Dan jika anda ingin animasi/imagenya berada dipojok atas, anda ganti code "bottom" menjadi "up".
Pekerjaan anda belum selesai..
5. Selanjutnya anda cari code </body>. . Kemudian anda copy code dibawah ini dan letakkan sebelum code </body>.
<a href="http://inprest3city.blogspot.com">
<img src="http://http://razoe3x.com/images/soniclari.gif" border="0" /></a>
</div>
6. Code http://inprest3city.blogspot.com diganti dengan alamat blog anda.
7. Code http://http://razoe3x.com/images/soniclari.gif ganti dengan URL gambar anda.
Catatan : jka anda ingin mengganti animasi/image dengan widget-widget lainnya, anda tinggal copy script widget anda kemudian ganti URL tersebut dengan code Script anda.
8. Simpan dan selesai.
Selamat Berkreasi..!
0 komentar:
Posting Komentar