Jumat, 03 Agustus 2012

pasang animasi melayang di pojok 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 Layout

  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.

0 komentar:

Posting Komentar

Popular Posts