Silahkan Klik...!!!

Kamis, 31 Maret 2011

Cara memasang animasi bergerak di pojok blog kita

Nah setelah kita belajar memasang pernak pernik di blog seperti jam, kalender dan lain-lain seperti yang sudah saya bahas sebelumnya,,, sekarang saya akan membagi ilmu saya yang saya dapat dari teman saya yaitu CARA MEMASANG ANIMASI BERGERAK DI POJOK BLOG KITA yang contohnya ada di blog saya yang ini Green SweetyQyu liatlah di bagian pojok kiri bawah,, tampak animasi bergerak mengikuti arah naik atau turun saat kalian memutar bagian tengah mouse kalian naik dan turun...


Tampa basa basi lagi saya akan memberi tahukan caranya...

  1. Kalian cari gambar yang bisa bergerak semacam animasi di berbagai situs,, setelah itu kalian simpan atau kalian copy link gambar yang kalian pilih di situs tersebut... 
  2. Kemudian kalian login ke blog kalian
  3. Kemudian kalian pilih Perncangan-->>Edit HTML
  4. Setelah itu cari kode ini ]]></b:skin> nah kalau sudah ketemu taruh kode di bawah ini diatasnya.
    #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); }
  5. Teks yang bercetak tebal adalah posisi dimana kalian meletakkan gambar tersebut. Kalau kalian ingin gambarnya di letakkan di pojok kanan bawah tinggal "left" kalian ganti dengan "right". Begitu juga jika kalian ingin gambarnya diatas kalian tinggal ganti "bottom" dengan "top"
  6. Langkah selanjutnya letakkan script di bawah ini sebelum kode </body>.
    <div id="trik_pojok"><a href="http://semogaberkah2010.blogspot.com/">
    <img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
    </div>
  7. "http://semogaberkah2010.blogspot.com/" ganti dengan link blog kalian. trus "http://kendhin.890m.com/soniclari.gif" ganti dengan link gambar di mana kalian pilih tadi...
  8. setelah itu simpan dan lihatlah hasilnya...  :)


0 komentar:

Posting Komentar