tag

Kamis, 10 Mei 2012

Animasi Image Bergerak Untuk Blog

:r1 :r2 :r3 :r4 :r5 :r6 :r7 :r8 :r9 :a1 :a2 :a3 :a4 :a5 :a6 :a7 :a8 :a9 

Sebenarnya sudah lama saya di minta untuk posting ini trik, “Bagaimana biar logo JB (JAKABANDA) bisa muter-muter di pojokan?”. Memang, ini trik lama dan sayangnya sampe kini masih buanyak yang belum tahu caranya (bagi yang udah tahu ya udah diem aja). Dari pada banyak cingcong mending langsung cabut ke TKP, ini dia:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://jakabanda.blogspot.com">
<img src="http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" border="0" /></a>
</div>



"http://jakabanda.blogspot.com" adalah link. ganti dengan link kamu.
"http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam, kalender, hit counter atau widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Selamat mencoba...

0 komentar:

Posting Komentar