Wednesday 10 April 2013

Membuat Gambar Melayang Di Atas Website

07:47


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

Written by

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

0 comments:

 

© 2013 99CUK. All rights resevered. Designed by Voltabest

Back To Top