Warung Bebas
kc17

Rabu, 11 Juli 2012

Membuat Gambar Float (Melayang)

Sebuah blog dapat kita tampilkan gambar yang melayang-layang untuk mempercantik blog. Biasanya blogger menggunakan ini untuk menuju sebuah alamat yang mereka inginkan. Sebelumnya tips kali ini hampir sama dengan tulisan saya yang berjudul Membuat Sesuatu Berada di Pojok. Silahkan sobat blogger baca ulasannya di sana.
Pada tips kali ini, saya akan memberikan sebuat topik yang sama dengan tulisan saya di atas, akan tetapi dengan tips yang berbeda. Mungkin perbedaan pada kode-kode CSS penyusunnya yang akan
membedakan kedua cara ini. Langsung saja kita ke TKP.

1. Login ke b dengan account anda
2. Pada halaman Dasbor, pilih Template.
3. Cari kode berikut (tekan ctrl + F)
]]></b:skin>
4. Letakkan kode berikut di atas kode yang tadi:
#gambar1
{ position:fixed; _position:absolute; top:0px; right:0px; clip:inherit; z-index:+1000;}
5. Setelah itu letakkan kode berikut di antara </head> dan <body>
<div id="gambar1">
<a href="http://kartajaya.blogspot.com/" target="_blank" title="Tips Membuat dan Mendesain Blog"> <img border="0" src="http://i563.photobucket.com/albums/ss76/peace_enes/kupu-kupu.gif"/></a> </div>
Perhatikan tulisan berwarna merah, ganti dengan alamat URL yang akan anda tuju, dan warna Hijau ganti dengan alamat URL gambar kamu.
6. Lakukan pratinjau terlebih dahulu.
7. jika sudah Ok, silahkan  Simpan Template<

Selamat mencoba, semoga berhasil dan mohon maaf jika ada kesalahan (Jkt/2012)/div>

0 komentar em “Membuat Gambar Float (Melayang)”

Posting Komentar

Adversite

 

YHS Rider_Community Copyright © 2012 Fast Loading -- Powered by Blogger