Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Minggu, 20 Desember 2009

Membuat Animasi Melayang (Float Image)

Kategori :
Sebelumnya saya pernah memosting Membuat Float Teks Berjalan agar blog anda lebih terlihat menarik, nah kali ini saya akan Membuat Tutorial tentang Membuat Gambar Melayang (Float Image) dengan mudah dan simple.

Membuat Gambar Melayang (Float Image)maksudnya adalah menampilkan gambar atau animasi di sudut-sudut blog anda agar blog anda lebih menarik dan kereeeen....!!!! jadi pengunjung pun tampak nyaman di blog anda namun ada kelemahannya juga, Float Image akan membuat loading blog anda menjadi lambat dan apabila ada pengunjung yang mempunyai koneksi yang lelet, mungkin mereka akan malas atau mengurungkan niat untuk mengunjungi blog anda.

Sekarang Tergantung anda mau membuatnya atau tidak apabila ingin membuatnya lihat dan ikuti langkah-langkahnya oke :
  1. login ke blogger
  2. masuk ke Tata Letak ===>> Edit HTML
  3. beri centang pada kotak di samping tulisan "Expand Widget Template"
  4. lalu setelah itu cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atasnya :

    #oketrik_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. Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atasnya :

    <div id="oketrik_pojok"> <a href="http://oketrik.blogspot.com">
    <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" border="0" /></a> </div>

  6. Nah kode yang berwarna hijau bisa anda ganti, contoh : http://oketrik.blogspot.com ==>> ganti dengan alamat blog sobat, http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif ==>> ganti dengan alamat gambar sobat yang sudah di upload di salah satu web yang menyediakan layanan upload gambar.
  7. Setalah itu simpan dan lihat hasilnya dech.

Mudah bukan Membuat Animasi Melayang (Float Image), nah sekarang blog anda lebih menarik dengan adanya Float Image. Kalau ada yang mau di tanyakan atau ada kesulitan tinggalkan saja pesan anda di kotak komentar di bawah ini y.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

8 Komentar untuk Membuat Animasi Melayang (Float Image)

PertamaaaxxxxxxxxX

pertamaxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx gannnnnn annnnnexxxxxxxx

woy jenong ajarin gua bikin blog ..

ex : khebo rasta kere

siipp.. keren bangedd

gan kalo yang id="OKETRIK_POJOK"> yang ane besarin hurufnya itu ganti jgn?