Cara Membuat Gambar Melayang di Sudut Blog

Hai, kali ini aku 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 gambar animasi stick di kiri bawah layar kalian. Nah, itu dia yang aku 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.

1. Login Blogger
2. Pilih Template
3. Klik Edit HTML
4. Cari Kode </body> , biasanya ada di bawah
5. Masukkan kode berikut:
   

   <div style="position:fixed; position:absolute; bottom:0px; left:0px; clip:inherit; border:none;">
   <a href="http://sapimaru.blogspot.com/">
   <img src="alamat_gambar" /></a>
   </div>

6. Simpan

Silakan ganti 'alamat_gambar' dengan link gambar kalian, untuk bottom dan left silakan sesuaikan dengan keinginan kalian.
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 kalian, 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/AVvXsEjFlEe61q6sMkaxVGoyXX94ZuaBGixCGvEKNTjw2hLu_ZOmJ58kbgpiW8ExldgneoNkV_-hKvVP4f_rJXCJaoTrUIfKYw80Ts8wnb6s_G5Mlvg1IGrPxWmdXsxKqGi2k2Rfhv9pY1eKcGI/s1600/melayang2.gif" /></a>
</div>

Nah, bagaimana nih gampang kan?

Terimakasih buat para kalian yang sudah masuk ke blog ini