Cara Memasang Animasi Di Pojok Blog
Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:
1. Login terlebih dahulu ke blog anda
2. Klik "Layout" / " Tata Letak "
3. Klik " Edit HTML "
4. Klik "Expand Widget"
5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )
6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)
#animasi_pojok {
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); }
7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"
8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>
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); }
7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"
8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>
<div id="animasi_pojok">
<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>
</div>
9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".
---------- (((( Selamat Mencoba )))) ----------
Posting Komentar