Cara Membuat Gambar Melayang di Sudut Blog
seperti yang kalian lihat di halaman ini. Bisa kalian lihat di halaman
ini ada gambar cewek lagi joget di kiri bawah layar sobat. Nah, itu dia
yang Sunu maksudkan, hal ini juga bisa menjadi salah satu cara untuk
mempercantik blog mu juga loh. Untuk membuat gambar melayang di blog itu sangat mudah, kita hanya menyisipkan kode CSS ke dalam gambar.
Baiklah, sekarang kita langsung ke cara pemasangannya.
- Login Blogger
- Pilih Template
- Klik Edit HTML
- Cari Kode </body> , biasanya ada di bawah
- Masukkan kode berikut:
<div style=”position:fixed; position:absolute; bottom:0px; left:0px; clip:inherit; border:none;”>
<a href=”http://ladangtutorial.blogspot.com/”>
<img src=”alamat_gambar” /></a>
</div> - Simpan
Silakan ganti ‘alamat_gambar‘ dengan link gambar sobat, untuk bottom dan left silakan sesuaikan dengan keinginan sobat.
Kalau gambarnya mau melayang di pojok:
kiri atas ganti dengan top left,
kiri bawah ganti dengan bottom left,
kanan atas ganti dengan top right,
kanan bawah ganti dengan bottom right.
Sebagai contoh memasang gambar Goku di pojok kanan bawah blog sobat, kodenya seperti ini:
<div style=”position:fixed; position:absolute; bottom:0px; right:0px; clip:inherit; border:none;”>
<a href=”http://ladangtutorial.blogspot.com/2014/03/cara-membuat-gambar-melayang-di-sudut-blog.html”>
<img
src=”https://lh5.googleusercontent.com/-M1fuafassUA/TWqqgLfuuOI/AAAAAAAAAgU/kl2Is6hnuZA/s1600/melayang2.gif”
/></a>
</div>
Nah, bagaimana nih gampang kan? Tetap tongkrongin
Ladang Tutorial yah biar sobat tahu berbagai macam tips untuk
mempercantik blog sobat biar banyak dikunjungi orang 🙂
Selamat Mencoba !!!