April 21, 2011

Memasang Floting Image Di Blog

On-idea kali ini mencoba membahas cara pemasangan "floting Image" pada blog. Mungkin trik ini sudah banyak dibahas oleh para blogger, jadi tidak ada salahnya jika saya mencoba membahas kembali trik ini yang saya peroleh dari sobat blogger se-avancee.

Jika anda berminat dan tertarik pada trik ini silahkan ikuti langkah-langkah pemasangan floting image dibawah ini.

contoh gambar:


Backgrund pada gambar terlihat hitam, tapi jangan khawatir. Karena memang blog saya ini berbackground hitam pada setiap gambar.

Sebelumnya anda harus mencari gambar dengan format "gif".

Setelah itu, upload gambar ketempat web hosting yang anda punya. contohnya photobucket atau picasa. Jika anda ingin lebih mudah lagi, buka posting baru pada blog anda, masukkan gambar anda, klik Edit Html, dan copy alamat gambar anda.

Ini link gambar yang bisa anda pakai sebagai contoh.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4cyOFeHCcyuUCsPwq9Y9mpExt6v2rX7bOiQkeN0HzmkRAVNs8XemAt_kVM7M_Oi9L9jCzQdvtOGgID8B3FQwY7iTXY_wcJadA1R1LxMzLUdxFK04K9VE0ck1K5bsAuu-OoZqbSJ706cEd/s1600/tupai.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTiR9ygW-1j0LLpx_IYhtWTuewwPFPzGYcU6ePLCrcK1r9xYEnwPe03AXj2UG7ylOoi-NVuTf3JlCxy8E67IeMiDNBZzBfM4ZzgJiTK_cyYUr0rHmAP73Ybkf6DU0NRhgDV2XY6n4ocYl/s1600/ponerah13.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4d4OavOvVaZAQeX9WSUOjms2ssaP202XpapXNFNolv18AYdjp7ke8nonwlK9d8Vpli4pOz_QR1z1AWCJCvvd0pTxrisMwi99NfACLyUPJJQAOOAJCfSGWomO_kXHf39MdIhqc5XS9Ya0o/s1600/tikus.gif

Sekarang kita mulai saja.

Login Blog anda
Pilih pada Rancangan
Klik Edit HTML
Beri tanda/klik kolom "Expand Widget"
Cari kode </head>
Masukkan kode dibawah ini tepat di atas kode </head>


<a href='http://on-idea.blogspot.com' target='_blank' title='Visit Here Next Time!'><img src="http://i1238.photobucket.com/albums/ff493/Putrasta/avt6.gif" style='position:fixed;absolute;bottom:2px;left:2px;width:80px;height:90px'/></a>


Keterangan:
kode warna merah = ganti dengan url blog anda
kode warna biru = ganti dengan link html gambar anda
kode warna orange = posisi gambar
kode warna hijau = lebar dan panjang gambar

Sukses untuk kita semua.

0 komentar:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Silahkan Suarakan Pendapat Sobat

Untuk Membangun Blog Ini