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

Related Posts:

  • Build Aplikasi Visual FoxPro Foxpro merupakan program aplikasi yang berorienyasi database. Beberapa hari maenan Foxpro eh ternyata ketika Build aau menciptakan struktur apliaksi yang utuh banyak yang mengalami error di tambah scrip yang digunakan berbed… Baca Selengkapnya
  • Scrip HTML/CSS TanggalTanggal / Date merupakan sesuatu yang dianggap kecil tetapi sangat penting, sering kali kita dalampenggunaan penanggalan untuk penerapan dalam blog menggunakan cara instal dengan mengambil dari penyedia layanan. Bagaimana JIk… Baca Selengkapnya
  • Background Folder / SubFolderBanyak hal yang kita bisa lakukan dengan yang namanya komputer. dari A sampai A lagi mungkin tidak terbatas, sejauh mata memandang bisa pokoknya. Kesempatan share kali ini pengen munculin lagi trik jaman bahela ke permukaan y… Baca Selengkapnya
  • Form HTML - Kontrol TeksForm HTML merupakan bagian dari scrip HTML untuk membuat bagan isian. Dalam kesempatan ini saya share mengenai kotak isian Kontrol Teks, Kontrol Password dan TextArea. Kontrol Teks Kontrol Teks merupakan bagian dari penggunaa… Baca Selengkapnya
  • Juli - 2012Beberapa hari maenan Design Grafis, lumayan banyak ilmu yang diserap dari yang masing gamang sekarang lumayan bisa terutama photoShop. Corel Sudah Photoshop lumayan dalam planing ada AutoCad yang masih kurang bersahabat, mung… Baca Selengkapnya

0 komentar:

Posting Komentar