Membuat Gambar Melayang Di Atas Website

Kalian Ingin membuat gambar melayang di samping Blog atau Website kalian , seperti gambar Logo Volta di samping , caranya mudah koh

1. Buka Blogger kalian
2. Klik 'lay out' atau 'tampilan'
3. Klik 'Add Gadget' 
4. Pilih HTML / Javascript
5. Copykan Salah satu koding di Bawah ini 
6. Gantikan Tulisan yang berwarna biru di bawah ini dengan url gambar kalian
7. Klik "simpan"

contoh :

<div style="display:scroll;position:fixed;top:0;right:0;">

<a href ="http://voltabest.com/" target="_blank" ><img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHGHeOWBAbH_Yb7-u7UmKpASUQYGrJ8C6R1L0fbPnJ_slRdNaC2m_fN3hyphenhyphenI3FEEPAGK5dDdYS2rHKo7nqpQZLKSKjvusONVeS6NJGf2K1s73MOeHUQDSK1sfChuadgjOpNEMVlGQ2GIGZ/s1600/Untitled-1.gif" /></a>

</div>

Tulusan yang berwarna merah itu adalah Link yang akan dituju bila di Klik

Tulisan yang berwarna kuning adalah URL gambar kalian

Oke ini adalah koding yang saya maksud tadi

Posisi Atas Kiri

<div style="display:scroll;position:fixed;top:0;left:0;">

Isi dengan kode HTML widget/url gambar

</div>

Posisi Atas Kanan

<div style="display:scroll;position:fixed;top:0;right:0;">

Isi dengan kode HTML widget/url gambar 

</div>

Posisi Bawah Kiri

<div style="display:scroll;position:fixed;bottom:0;left:0;">

Isi dengan kode HTML widget/url gambar 

</div>

Posisi Bawah Kanan 

<div style="display:scroll;position:fixed;bottom:0;right:0;">

Isi dengan kode HTML widget/url gambar 

</a></div>

oke itu dia tips HTML yang bisa saya berikan , tunggu Trik HTML yang lainnya

Browse More Articles

Tweet

Written by afrian

Isi di Website ini tidak seluruhnya tulisan kami , kami juga membutuhkan informasi dari Sumber yang lain dan selalu mencantumkan sumber