Cara membuat gambar melayang di blog

Welcome to My Blog Bang Udin
Cara bikin gambar melayang? ikuti tahap-tahapnya ya...

1. Dashboard-->Tata letak (layout)--->Edit HTML
2. Cari kode ]]></b:skin> biar gampang ctrl+f aja ya
3. Masukkan kode ini di atasnya
 

#gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Kode CSS diatas, akan menempatkan gambar anda berada di pojok kiri atas. Untuk merubah letaknya, silahkan ganti text yg berwarna merah. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom
 
oh ya,bottom sama left bisa diganti jadi top dan right. terserah!

4. cari kode </body> terus taruh kode ini dibawahnya
<div id='gambar_melayang'>
<a href='ymsgr:sendIM?miz_doc86'>
<img alt='Chat with me' border='0'
src='http://opi.yahoo.com/online?u=miz_doc86&m=g&t=8'
style='float: right; margin-top: 35px;'/></a>
</div>

5. Kode yang berwarna merah adalah kode untuk menampilkan status icon ym saya. Untuk merubahnya menjadi status ym anda, silahkan ganti text yg berwarna merah tebal dengan id ym anda masing2. Selain itu, anda bisa mengganti gambarnya sesuai keinginan anda, bisa widget, link, dll. Dengan catatan, anda meletakkan script atau kode HTML-nya diantar tag <div id='gambar_melayang'> dan </div>
  • Save Template dan Selesai.

By : Bang Udin

Prcantik belok anda di bawah ini

di
Label:

1 komentar:

Langganan: Posting Komentar (Atom)

Followers

Pengikut

ALL TUTORIAL BLOG

Informasi Baru
Cara Membuat Scroll Bar. Tulisan Berjalan di Addressbar.
Menghilangkan Angka Label.
Cara Hack Chip Zynga.
Membuat GIF Untuk Banner.
Membuat Read more Otomatis.
SEO Blogger/Blogspot Template. Curi Password Flash disk. Cara Buat Title Header Bergerak. Cara Membuat Letak Background Di Kotak Comment. Cara Membuat Menambah Jumlah Yang Di Batasi. Cara Membuat Memasang Widget Sms Gratis. Cara Membuat cursor Pada Blog. Membuat Domain Gratis di CO.CC. Membuat Next Page judul Postingan. Next Page Hanya Judul Postingan. Cara Membuat Efek Heart(Hati). Cara Memasang Meta tag. Cara Membuat meta tag di blog. Cara Membuat Icon,GIF, Flash. Cara Membuat Flash. Cara Membuat Menu Melayang. Cara Membuat Label Berputar. Cara Mengganti Icon Bloger. Cara Membuat Template. Menambah dua kolom dibawah/diatas post body. Cara Membuat Menu Tab View. Safware Pengelola Blog.

Archives