Cara Membuat Gambar Melayang di Samping Blog

Berbagi ILMU kembali berbagi tutorial, kali ini akan saya share bagaimana membuat gambar melayang di samping blog. Sebenarnya selain untuk membuat gambar melayang, kode ini bisa digunakan untuk membuat widget melayang, namun yang saya contohkan di bawah ini hanya untuk gambar saja. Jika ingin tahu bagaimana membuat widget melayang silahkan hubungi contact pada menu di atas. Langsung saja lihat turorial di bawah ini.

Cara membuat gambar melayang di samping blog :

1. Masuk ke Tata Letak

2. Klik Tambahkan Gadget

3. Pilih HTML/JavaScript

4. Masukan script di bawah ini

<div style="display:scroll;position:fixed;bottom:4px;left:20px;"><a ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyGPCN6ZNXNwL8AdIBRTBDfUTH_mN_iBcqQJU8O91J_5Xl9PFWJc7x86kIquCMK8PJXkPM7mYPFKdJ8yv11YTRrlFKGT_D18gKQNKj9rTf0t7zq64R9Wtt-JeFPVLyUdYB_-wrHymYOKE/s320/logo+bi.png" height="150" width="150" /></a></div>

5. Simpan dan lihat hasilnya

Keterangan:

Warna Orange : Anda dapat mengubahnya dengan top/bottom dan left/right, contoh diatas adalah posisi gambar berada di kiri bawah, untuk mengubah ke kanan bawah Anda dapat mengubah left menjadi right.
Warna Hijau : Adalah margin/jarak antara gambar dengan sudut blog, Anda dapat menyesuaikan sendiri.
Warna Kuning : Anda dapat mengubahnya dengan url gambar yang ingin Anda munculkan.
Warna Pink : Anda dapat menyesuaikan ukuran lebar dan tinggi gambar.