Thursday, October 1, 2009

Pasang Gambar / Foto Melayang di Blog

Anda sudah melihat gambar saya di pojok atas sebelah kiri ?

Itu yang saya maksud dengan Pasang Gambar / Foto Melayang di Blog.
Di pojok manapun, kiri, kanan, atas, bawah halaman blog anda, anda bisa menaruh gambar / foto anda. Dan foto itu bisa nge-link ke manapun anda sukai.

Anda pingin memulai memasang, begini caranya :

  1. Anda login dulu ke blogger.

  2. Klik Template kemudian simpan dulu template Anda sebelum melakukan perubahan dengan cara klik Cadangkan / Pulihkan kemudian klik Unduh template lengkap.

  3. Klik Edit HTML

  4. Cari kode ini ]]></b:skin>

  5. Taruh kode di bawah ini di atas kode ]]></b:skin>

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


    Keterangan :

    Text yang berwarna biru adalah posisi gambar / foto, kalau mau merubah posisi text left diganti dengan text right. Kemudian text top di ganti dengan text bottom

  6. Sampai di sini belum selesai....Sekarang cari kode </body>

  7. Kalau sudah ketemu, letakkan kode di bawah ini, di atas kode </body>

    <div id="trik_pojok">
    <a href="http://panduanbuatbloggratis.blogspot.com">
    <img src="http://i43.photobucket.com/albums/e379/krisjhoxer/Krisjhoxer.jpg" border="0" height="75" widht="120" /></a>
    </div>


    Keterangan :

    "http://panduanbuatbloggratis.blogspot.com" adalah link blog saya, ganti dengan link anda.
    "http://i43.photobucket.com/albums/e379/krisjhoxer/Krisjhoxer.jpg", adalah lokasi gambar saya, ganti dengan lokasi gambar anda. Cara membuat lokasi gambar, anda bisa upload di Photobucket.

    Untuk ukuran gambar yang akan tampil, anda bisa mengganti :
    height="75" dengan berapapun yang anda inginkan, misal height="100" widht="120" dengan berapapun yang anda inginkan, misal widht="200"

  8. Sudah selesai, lihat hasilnya.
Keterangan : Untuk link blog anda bisa di ganti dengan link / url bisnis anda.


2 komentar:

fatur said...

Mantabb..artikel yg oke punya..hehe..lngsung di bookmark..thanks..

prekdut said...

salam kenal..makasih infonya...ni mau saya coba minta bimbingannya ya