Search Engine

Selamat Datang di "sipanjangakal.blogspot.com"
St@y and eNJoY iT.. Jangan lupa follow yaaaa...!!!

Kamis, 21 Oktober 2010

Cara membuat gambar melayang di blog

Anda ingin blog anda terdapat gambar melayang seperti tadi?

Itu namanya gambar melayang.
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://sipanjangakal.blogspot.com/">
    <img src="http://www.gifanimations.com/GA/Image/Animations/BodyParts/Faces/faces_009.gif" border="0" height="75" widht="120" /></a>
    </div>


    Keterangan :

    "http://sipanjangakal.blogspot.com/" adalah link blog saya, ganti dengan link anda.
    "http://www.gifanimations.com/GA/Image/Animations/BodyParts/Faces/faces_009.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"
  8. Sudah selesai, lihat hasilnya.
Keterangan : http://sipanjangakal.blogspot.com/ dapat diganti dengan situs anda atau url salah satu postingan anda...

Tidak ada komentar:

Posting Komentar