Cara Pasang gambar melayang pada blog

 

Sekarang saya akan coba berbagi pengalaman dan ilmu mengenai cara pasang gambar melayang yang terlihat pada pada blog ini terletak di pojok bawah kiri dan sobat bisa pasang di pojok bawah kanan, pojok atas kanan atau pojok kiri atas, bagaimana selera sobat aja.

 

Caranya cukup gampang :

 

1. Seperti biasa login dulu ke account blogger sobat.
2. Klik Layout/Tata Letak dan pilih menu Edit HTML
3. Cari kode ]]></b:skin> dan copy paste kode di bawah ini tepat di atasnya.

    

   #melayang {
   position:fixed;_position:absolute;bottom:0px; left:0px;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+
   document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

    

4. Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya bottom adalah bawah jika ingin menaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.
5. Copy paste code di bawah ini dan taruh di sebelum

    

   </body> <div id='melayang'>
   <a href='http://dsindangheula.blogspot.com'>
   <img border='0' src='http://i40.tinypic.com/nvplpk.jpg'/></a>
   </div>

    

6. http://dsindangheula.blogspot.com adalah link. ganti dengan link sobat.
   http://i40.tinypic.com/nvplpk.jpg adalah  gambarmu. ganti dengan lokasi gambar sobat
7. Selesai dan simpan template

jiika tidak mau ribet ngedit cari gambar gif ya copy paste aja script diatas dan gambar yang akan tampil seperti gambar di bawah ini

 

Artikel yang berhubungan

Lihat semua postingan >>Di sini<<