Bandung Fashion
Mengerjakan jaket(@Rp.125.000,-)+Border, sweater(@Rp.60.000,-)+Border, kaos (@Rp.25.000,-)+Border, Spanduk (10.000 /meter)dll partai besar atau kecil. Transfer via Rekening 3 hari barang di kirim langsung ke tujuan. ......Lengapnya...

Jumat, April 03, 2009

Membuat Float Item/Image di Blogger

Jumat, April 03, 2009
Apa itu float item/image? Maksud saya float item adalah suatu bagian dari blog yang bisa tetap melayang di atas blog Anda. Contohnya adalah gambar di pojok blog saya (float image), saya memasang gambar itu dengan trik ini. Tidak hanya gambar Anda bisa mengganti dengan apapun itu yang jelas harus bisa diterjemahkan ke dalam bahasa HTML/PHP. Tapi karena sedikit lebih rumit ada baiknya Anda mencoba terlebih dahulu untuk memasang gambar di pojok kiri bawah seperti yang ada di blog saya. Mari kita mulai,
  1. Silakan login ke blogger.com, masuk ke Tata Letak >> Edit HTML.
  2. Temukan kode ini ]]>. Jika sudah, salin kode di bawah ini tepat di atasnya.
#float { 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); } Sehingga jadi seperti ini, #float { 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. Teks yang saya cetak tebal menunjukkan posisi float item/image yang akan ditampilkan nanti. Kode bottom (bawah) bisa Anda ganti top (atas) dan left (kiri) bisa Anda ganti right (kanan). Jika Anda paham dengan kode di atas, Anda bisa memodifikasi sedikit sesuai selera Anda. 4. Ini langkah penting, PERHATIKAN!!! Letakkan kode dibawah ini tepat di atas kode "\body" . Menjadi seperti ini,
  1. Langkah telah selesai Anda bisa menyimpannya. Kemudian lihat hasilnya.
  2. Jika Anda ingin sedikit modifikasi, maka kode yang berwarna merah bisa Anda ganti dengan kode HTML yang Anda kehendaki seperti jam, kalender, animasi flash, sitemeter, banner, dan lain-lain.
Semoga bermanfaat...Good Luck


Related Posts



0 komentar:

Posting Komentar

Kolom Komentar

 

Recent Posts

Pengikut

duniaquduniamu

Copyright © Blognya Kang Andy | Powered by Blogger | Template by Blog Go Blog