Membuat Gambar Melayang Pada Blog

Buat sobat yang masih belum mengerti tentang gambar melayang pada blogspot, berikut saya jelaskan secara singkat. Gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh oleh scrool mouse. Maksudnya kita dapat membuat gambar seperti melayang di kanan, kiri, bawah, atas walaupun Scrollbar ditarik kemana-mana. Dan bukan hanya gambar yang bisa sobat pakai di posisi gambar melayang ini, tapi counter, Status YM, iklan dan lain-lain.


Ok, buat sobat yang ingin mencoba tips ini, silahkan ikuti tutorial berikut ini, tapi sebelumnya back up dulu templatesobat agar jika terjadi kesalahan dan template blog sobat tidak rusak. Berikut step-step yang harus sobat lakukan :

  1. Log ini ke akun blogger sobat;
  2. Pilih menu Rancangan » Edit HTML;
  3. Beri tanda centang pada tulisan Expand Template Widget;
  4. Carilah kode ]]></b:skin>. setelah jumpa, sisipkan kode berikut ini tepat diatasnya. Eh iya pilih salah satu kode dari 4 pilihan posisi dibawah ini, jangan dicopy semuanya. Maksudnya misalnya anda memilih "posisi kiri atas", maka gambar melayang akan ada disebelah kiri atas layar;
Posisi kiri atas
Posisi kanan atas

Posisi kiri bawah
Posisi kanan bawah

  1. Selanjutnya carilah kode </body>, kalau sudah ketemu maka letakkan kode dibawah ini tepat diatasnya;
<div id="rizki_melayang">
<a href="http://www.wakrizki.net/" target="_blank">
<img src="http://3.bp.blogspot.com/_VRwISTiabbk/TKkw6fGWYTI/AAAAAAAAAP8/QO7j0p-FGaQ/S220/rizki+khaizir.jpg"/></a>
</div>
Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan, sedangkan warna biru adalah alamat gambar yang ingin dipasang.

Ingat! kode ini hanya berlaku untuk 1 posisi, jika sobat ingin memasang di banyak sisi menggunakan kode ini, silahkan sobat ganti ID dari setiap kode, misalnya sobat ingin memasang di sudut kanan atas, maka yang perlu sobat ganti adalah kode #rizki_melayang dengan kode yang sobat inginkan, misalnya bisa saja sobat ganti dengan #rizki_melayang_kanan_atas atau apa saja yang penting kode ID antara kedua kode sama.

Selamat mencoba, semoga berhasil.

13 Komentar "Membuat Gambar Melayang Pada Blog", Baca atau Masukkan Komentar

nday said...

sebenarnya artikel ini menarik untuk di coba,tp kaya"nya saya harus pokus pd postingan blog dulu.
terim"s infonya bang..
maklum masih pd tahap pembelajaran,,

Tendi Nugeraha Wijaya said...

gagal mulu! gk bisa ah!

attayaya said...

woooooiii wak
cam mane nak buat gambar melayang g+ itu???
kalo pake yg ini tak mantap dow

Interlink said...

Thx tutorialnya bro, tpi doain bs berhasil ya... coz dah nyoba bbrp tutorial gagal mulu, hiks hiks hiks..

Agus Munawar said...

bikin berat blog ga ya?

rully said...

TANK'S GAN,,,

Anonymous said...

tq gan

Gumz said...

thanks yak gan tutornya :D,di tunggu kunjungan baliknya . . .

Aully Bukan said...

thanks infonya,,,,klo ada waktu silahkan mampir bentar di blog saya http://infobisabanget.blogspot.com

Radang said...

Oh gitu caranya baru tahu nih....

gopar-it said...

mantab sob share nya..

gusti anugrah nugraha said...

Thanks Yaa ,, Ohh Yaa Link Live Tuh Kan Yang Di Klik Langsung Ke link Tujuan Kan ?
Visit My Blog On www.mikoav.blogspot.com/ OK

a5109 said...

Makasih Boss dah I cb Siipp!

Followers