Cara Membuat Gambar Melayang di blog

Share on :

Tweet

Salah satu cara untuk mempercantik blog adalah dengan memasang gambar/widget yang menarik di blog. Mungkin kalau hanya memasang gambar/widget saja anda sudah bisa melakukannya. Tapi pada penjelasan kali ini agak sedikit berbeda, yaitu memasang gambar/widget di blog agar tampil melayang,sehingga blog sobat akan tampil lebih menarik lagi. 
Apakah anda tertarik untuk membuatnya??? Ikuti langkah-langkah berikut ini :

1. Login ke blogger.com > klik design/rancangan > Tata Letak
2. Klik Tambah Gadget, di bagian sidebar.
3. Pilih HTML/Javascript, kemudian masukkan kode scriptnya.
4. Simpan widget dan preview Blog Anda
5. Jika sudah sesuai maka klik Publikasikan.

Kode Script Posisi kanan atas

<div style="display:scroll;position:fixed;top:0;right:0;"> Isi dengan kode HTML widget/url gambar </a></div>
Kode Script Posisi kiri atas

<div style="display:scroll;position:fixed;top:0;left:0;"> Isi dengan kode HTML widget/url gambar </a></div>
Kode Script Posisi kanan bawah

<div style="display:scroll;position:fixed;bottom:0;right:0;"> Isi dengan kode HTML widget/url gambar </a></div>

<div style="display:scroll;position:fixed;bottom:0;left:0;"> Isi dengan kode HTML widget/url gambar </a></div>

Selamat mencoba ya...jangan lupa klik like ya...

Artikel Terkait: