Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Gambar Melayang (Float Image) di Pojok Halaman

Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa melayang, seperti mahluk halus saja :) Apakah seh maksudnya? Lihat pada layar monitar kita saat ini. Di pojok halaman blog saya ada gambar rumah (home) walau kita naik turun tetap saja gambar itu berada di sana (pojok Halaman)

Sebuah blog juga harus kelihatan cantik atau indah supaya orang juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat gambar melayang atau float image harapan itu akan terwujud. Selain itu kita juga dapat menganti gambar itu dengan sebuah widget, misalnya jam, kalender, atau banner.

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

<div id='trik_pojok'>
<a href='http://kurniasepta.blogspot.com'>
<img border='0' src='http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif'/></a>
</div>

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti :D
Kita juga harus ganti http://kurniasepta.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.

7. Simpan Template Kalau sudah selesai.

29 komentar untuk "Membuat Gambar Melayang (Float Image) di Pojok Halaman"

  1. lama kucari dengan harap cemas khusus blog sd kudapat
    makasih!

    BalasHapus
  2. aki aki ikut ngeblog nih...aki mau nanya bagai mana cara ganti rumah hantu ?melayang bisa gak ngambil ditempat hosting web aki / jakhoster.com bagai mana caranya yah maklum dah tua

    BalasHapus
  3. wah bagus juga tuh,, tapi gimana cara ganti gambar rumahnya nih??

    BalasHapus
  4. wow blog anda keren sekali http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif

    Ajari cara buat tulisan bergerak memutar itu donkk... yang disebelah posting itu lho ^^

    Jawab lewat comment di blog saya y.....

    http://dermagailmu.blogspot.com/

    sekalian maen gt.. hehehe ^^

    BalasHapus
  5. belajar dari buku ta buat blognya????

    BalasHapus
  6. lam kenal sobat...info yang bagus...thanks

    BalasHapus
  7. mantap ne blog.. haha! I follow..!
    :D

    BalasHapus
  8. skalian maw nanya om...
    cara bkin blog qta jadi tmpat pmasangan iklan kaya om gni gmana ya???
    plz bagi2x ilmunya, ke tmpat ku yg bru aj ni
    artsfate.blogspot.com
    thx ya!!

    BalasHapus
  9. @Raven's
    Maen maen dong om, ke Google ad sense, nanti kita dapet duit, pay per click...

    @admin
    Gan... kl mau bikin di empat sudut gmn yeee???:-/

    masalahnye, ane mau niklanin grup ane di facebook juga...

    trus, mau bikin official grup d facebook...
    biar seru..:D
    kan, entar hasil post ane, langsung kirim aje, ke anak-anaknye...

    =)) gampang jd nya kan??? reader ada terus

    BalasHapus
  10. gman cara membuat gambar ber jalan di setbar

    BalasHapus
  11. Bang, bagus banget, tapi aku nggak ngerti, bisa kirimkan contoh web html nya.. please....

    BalasHapus
  12. thanks,,,


    visit me, please.. http://uzanck-area.blogspot.com

    BalasHapus
  13. blog mas bagus x ya,

    mohon kritik n sarannya ya bg tentang blog baru saya, Artis MP3
    Artis MP3 Home iklan gratis bisnis gratis Mesin Promosi Otomatis Link teman result Popular Posts Widget Kamis, 27 Januari 2011 Tips Meningkatkan Penda...
    artismp3.blogspot.com/
    thankz

    BalasHapus
  14. bacground bisa d ganti :)) sep

    BalasHapus
  15. I LIKE THIS BLOGGGGGGGGGGGGGGGGGGGGGGGGG

    BalasHapus

Berlangganan via Email