Animasi Pojok Blog


Animation, animasi, semarak, Peragaan grafik. File yang data-datanya mampu menghasilkan gambar 2 dimensi atau 3 dimensi yang bergerak. Sebagai contoh, animasi gif yang mampu direkacipta dengan menggunakan perangkat lunak GIF Animator. Di dalam sebuah halaman Web, animasi ini bisa digabungkan dengan informasi lainnya dengan menggunakan teknik penyuntingan HTML, JAVA, VRML, animasi GIF, Shockwave maupun Flash.
Penertian di atas paling tidak memberikan gambaran sedikit mengenai apa itu animasi. nah kesempatan ini saya pengen posting mengenai animasi pada pojok Blog. Contoh gambar Batosai alias Kenshin di bawah kiri blog ini.langsung saja ikuti langkah berikut jika Anda pengen memberikan variasi lagi.
  1. Login ke blog kamu
  2. Masuk ke menu Rancangan> Edit HTML
  3. Backup template kamu jika kamu takut GATOT..
  4. Sekarang cari kode ]]></b:skin> di template kamu
  5. Letakkan kode berikut tepat diatasnya:
    #trik_pojok {
    position:fixed;_position:absolute;bottom:0px; right:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+
    document.documentElement.clientWidth - offsetWidth); }

    kode yang berwarna biru menandakan posisi dari gambar, bisa diganti
    { kiri=left, atas=top, bawah=bottom, kanan=right }
  6. Setelah itu cari kode </body> kemudian Letakkan kode dibawah ini tepat diatasnya :
    <div id='trik_pojok'>
    <a href='http://Ariskoerniawan.blogspot.com/' target='_blank' title='agar blog menarik ...'>
    <img border='0' height='175' src='http://iblogger.web.id/gl-gambar/gif/gudlux-blog-akesoris-Kenshin-himura-latihan-pedang2an.gif' width='150'/></a>
    </div>
    - Teks berwarna biru diganti dengan alamat blog kamu.
    - Teks berwarna hijau ganti dengan Url gambar kamu yang akan dipasang


    Berikut alternatif gambar yang bisa digunakan
    http://iblogger.web.id/gl-gambar/gif/gudlux-blog-akesoris-tendangan-maut.gif
    http://iblogger.web.id/gl-gambar/gif/gudlux-blog-akesoris-Kenshin-himura-latihan-pedang2an.gif
    http://i1123.photobucket.com/albums/l541/ariskoerniawan/narutovssasuke.gif
    http://iblogger.web.id/gl-gambar/gif/gudlux-blog-akesoris-kakashi-naruto-sakura-sasuke.gif
    http://i1123.photobucket.com/albums/l541/ariskoerniawan/lucu.gif
  7. Jika Sudah merasa cukup. jangan lupa Save Template. Semoga Bermanfaat

0 komentar:

Posting Komentar