Membuat Gambar Float (Melayang)

Rabu, 11 Juli 20120 komentar

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>
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. TIPS untuk Blogger - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger