Hai sobat, kali ini, akan membahas tentang bagaimana cara membuat gambar melayang di pojok blog kita, seperti yang kalian lihat di halaman ini. Bisa kalian lihat di halaman ini ada gif. Nah, itu dia yang di 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXb8DQWY1uuiivcKkXYazUnbBp9LXKW03ZeY8347ivjN5dPnF7sba3YcLS9Yn-P_Ry4o5XQ0vqPDQCVINwD3aVzacgVgl0JFm9dXno7GlY2QZf0UmL1_pwWThfa3MVoA8bs6grd00AiC0/s1600/melayang2.gif" /></a>
</div>
Nah, bagaimana nih gampang kan? sekarang sobat tahu berbagai macam tips untuk mempercantik blog sobat biar banyak dikunjungi orang :)
EmoticonEmoticon