Kamis, 01 Oktober 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.


7 komentar:

fatur mengatakan...

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

prekdut mengatakan...

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

Anonim mengatakan...

Enjoyed reading through this, very good stuff, thanks.

Anonim mengatakan...

I know this site presents quality based articles or reviews and extra stuff, is there any other web page which presents these
information in quality?

Anonim mengatakan...

I read this article fully about the comparison of most up-to-date and
earlier technologies, it's amazing article.

Anonim mengatakan...

What's up everyone, it's my first pay a quick visit at this web page, and
piece of writing is truly fruitful in support of
me, keep up posting these articles.

Anonim mengatakan...

I read this piece of writing completely regarding the difference of most recent and preceding technologies, it's awesome article.