Membuat Gambar (LInk) Melayang

contoh: lihat pada kanan bawah bergambar buku

        Langsung saja ke TKP:
 1).Silakan masuk dengan akun blg agan , lalu Klik Rancangan
 2).Klik Tambah Gadget, lalu seperti biasanya, pilih HTML/Javascript...
Jadi agan cukup mengcopy-paste kode-kode  dibawah ini:

Gambar berada di Pojok Kanan-Atas:
<a href="http://cerdaskom.cbox.ws/" style="display:scroll;position:fixed;top:5px;right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2z-bH8iWHWqyT4QEMJM5PEekQcDFy-rrfK4HXXT6G5O2AobW6_R6DS5Y77MKvhvvqJ_3-qqLMNGdkoXk84C3CGOG2OhY46qe-EWDJWVjnuI3FXWYBphzqy9Zndn4AlL6x2YJRRAz-qohz/s1600/buku_tamu.jpg"/></a>

Gambar berada di Pojok Kanan-Bawah:
<a href="http://cerdaskom.cbox.ws/" style="display:scroll;position:fixed;bottom:5px;right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2z-bH8iWHWqyT4QEMJM5PEekQcDFy-rrfK4HXXT6G5O2AobW6_R6DS5Y77MKvhvvqJ_3-qqLMNGdkoXk84C3CGOG2OhY46qe-EWDJWVjnuI3FXWYBphzqy9Zndn4AlL6x2YJRRAz-qohz/s1600/buku_tamu.jpg"/></a>

Gambar berada di Pojok Kiri-Atas:
<a href="http://cerdaskom.cbox.ws/" style="display:scroll;position:fixed;top:5px;left:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2z-bH8iWHWqyT4QEMJM5PEekQcDFy-rrfK4HXXT6G5O2AobW6_R6DS5Y77MKvhvvqJ_3-qqLMNGdkoXk84C3CGOG2OhY46qe-EWDJWVjnuI3FXWYBphzqy9Zndn4AlL6x2YJRRAz-qohz/s1600/buku_tamu.jpg"/></a>

Gambar berada di Pojok Kiri-Bawah:
<a href="http://cerdaskom.cbox.ws/" style="display:scroll;position:fixed;top:5px;left:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2z-bH8iWHWqyT4QEMJM5PEekQcDFy-rrfK4HXXT6G5O2AobW6_R6DS5Y77MKvhvvqJ_3-qqLMNGdkoXk84C3CGOG2OhY46qe-EWDJWVjnuI3FXWYBphzqy9Zndn4AlL6x2YJRRAz-qohz/s1600/buku_tamu.jpg"/></a>

3. Klik Simpan Dan Lihat hasilnya

Keterangan link gambar melayang:
Sebenarnya ide membuat gambar melayang sebenarnya  tidaklah sulit. untuk itu, mari kita lihat keterangan penggunaan kodenya:

<a href="http://cerdaskom.cbox.ws/" : adalah link yang dituju ketika gambar akan di klik.

style="display:scroll;position:fixed;top:5px;left:5px;"> :yang ini Merupakan posisi dari gambar jika posisinya atas-kiri. maka penulisannya Top; left tetapi jika posisinya atas-kanan. maka Top;Right demikian seterusnya.. sementara style="display artinya gambar yang akan dimunculkan.


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2z-bH8iWHWqyT4QEMJM5PEekQcDFy-rrfK4HXXT6G5O2AobW6_R6DS5Y77MKvhvvqJ_3-qqLMNGdkoXk84C3CGOG2OhY46qe-EWDJWVjnuI3FXWYBphzqy9Zndn4AlL6x2YJRRAz-qohz/s1600/buku_tamu.jpg"/>:yang ini juga merupakan link gambar yang akan ditampilkan. untuk membuat link gambar ini sendiri cukup mudah, anda bisa memasukan gambar terlebih dahulu ke tempat penyimpanan gambar lainnya. lalu anda klik kanan gambar tersebut pilih - open image new tab, nantinya lokasi link gambar akan kelihatan.
  Cara lainnya adalah dengan mengambil dari google. cari ukuran gambar yang kecil lalu klik kanan gambar- pilih open image new tab. lokasi link gambar akan kelihatan.

NB: Teknik ini sebenarnya tidak hanya berlaku untuk gambar, tetapi juga animasi, iklan dan video.
Semoga article yang saya buat kali ini bermanfaat bagi agan....