Wednesday, April 20, 2011

Cara pasang gambar animasi di sudut blog

sudah melihat gambar saya di pojok bawah sebelah kiri ? perhatikan gambar di bawah ini yang dilingkarin



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
:

    Anda login dulu ke blogger.

    Klik Layout

    Klik Edit HTML

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

    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

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

    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://i1201.photobucket.com/albums/bb346/Unhieq/indo.gif" border="0" height="75" widht="120" /></a>

    </div>


    Keterangan :

    "http://cara2ku.blogspot.com" adalah link blog saya, ganti dengan link anda.
    "http://i1201.photobucket.com/albums/bb346/Unhieq/indo.gif", 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"

    Sudah selesai, lihat hasilnya.

Keterangan : Untuk link blog anda bisa di ganti dengan link / url bisnis anda.

0 comments:

Post a Comment