SabriyanTop Blog Tips SEO: Akhir-akhir ini
cerdaskom banyak membahas tentang tisp seo dikarenakan banyaknya permintaan dari rekan
blogger. kemarin seorang teman rekan blogger bertanya pada SabriyanTop Blog,
"Bagaimana membuat link gambar melayang?". untuk menjawab
pertanyaan rekan tersebut maka buku tamu SabriyanTop Blog sekarang melayang di kanan bawah.
hal ini SabriyanTop Blog sengaja sebagai gambaran dari tips link gambar melayang
kali ini (lih.gambar )
contoh: lihat pada kanan bawah bergambar buku
Langsung saja ke TKP:
1.Silakan masuk blogger, lalu Klik Rancangan
2. Klik Tambah Gadget (terserah dimana saja), lalu seperti biasa pilih
HTML/Javascript
Pada bahasan kali cerdaskom akan membagi 4 posisi link gambar melayang:
Jadi
rekan blogger cukup mengcopy 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="http://2.bp.blogspot.com/-
jtm_HSNRAJI/T0pCTymSU7I/AAAAAAAAADo/ZrCswlq4vl8/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="http://2.bp.blogspot.com/-
/></a>
Gambar berada di Pojok Kiri-Atas:
<a href="http://cerdaskom.cbox.ws/"
style="display:scroll;position:fixed;top:5px;left:5px;"><img
src="http://2.bp.blogspot.com/-
jtm_HSNRAJI/T0pCTymSU7I/AAAAAAAAADo/ZrCswlq4vl8/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="http://2.bp.blogspot.com/-
jtm_HSNRAJI/T0pCTymSU7I/AAAAAAAAADo/ZrCswlq4vl8/s1600/buku_tamu.jpg"
/></a>
3. Klik
Simpan Dan Lihat hasilnya
Keterangan
link gambar melayang: Sebenarnya
ide membuat gambar melayang tidaklah sulit, untuk itu mari kita lihatketerangan
penggunaan kodenya:
<a
href="http://berbagiuntukkalian.blogspot.com/" : adalah link yang
dituju ketika gambar di
klik
style="display:scroll;position:fixed;top:5px;left:5px;">
: Merupakan posisi dari gambar lihat
jika posisinya atas-kiri maka penulisannya Top; left tetapi jika posisinya atas-kanan
maka Top;Right demikian seterusnya sementara style="display
artinya gambar dimunculkan.
<img
src="http://2.bp.blogspot.com/-
jtm_HSNRAJI/T0pCTymSU7I/AAAAAAAAADo/ZrCswlq4vl8/s1600/buku_tamu.jp
g"/>
: Merupakan
link gambar yang akan ditampilkan. untuk membuat link gambar ini sendiri
cukup mudah, anda bisa memasukan gambar terlebih dahulu ke picasa atau 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
ulasaan SabriyanTop Blog kali ini bermanfaat!
