DotaNotice
Home » , » Cara membuat Floating Image pada Blogspot

Cara membuat Floating Image pada Blogspot

Written By Gerry on Sunday, September 25, 2011 | 5:41 AM




Sekarang, ayo langsung coba kita praktekkan :

  1. Log in ke account blogspot kamu
  2. Kemudian cari kode ]]></b:skin> (Gunakan bantuan ctrl+f / fungsi find)
  3. Copy kemudian paste kode di bawah ini di atas kode ]]></b:skin>

    #trikfloatingimage {
    position:fixed;_position:absolute;bottom:5px; left:5px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    *Tips
    Kamu bisa mengatur peletakannya dengan mengganti :
    • bottom:5px
      > Ganti dengan angka pixel yang dikehendaki
    • left:5px
      > Ganti dengan angka pixel yang dikehendaki
    • Kamu juga bisa mengganti bottom menjadi top untuk menempatkan floating image di atas, dan mengganti left menjadi right untuk menempatkan floating image ke kanan.
  4. Kemudian cari kode </body> (Gunakan bantuan ctrl+f / fungsi find)
  5. Lalu, paste kode di bawah ini di atas kode </body>
    <div id='trikfloatingimage'>
    <a href='http://ghostringer.blogspot.com/2011/09/battlenet-lebay.html' rel='nofollow' target='_blank'><img height='60px' src='http://www.lebay.us/' title='Cari duit di internet' width='460px'/></a>
    </div>
    *Tips
    Selanjutnya Kamu tinggal mengganti text yang GhosTringeR.blogspot.com.com beri warna merah di atas menjadi :

    • <a href='http://www.GhosTringeR.blogspot.com/2011/09/battlenet-lebay.html' rel='nofollow' target='_blank'>
      > Ganti dengan url tujuan Kamu.
    • img height='60px'
      > Ganti tinggi banner/gambarnya yang dikehendaki.
    • src='http://www.lebay.us'
    • > Ganti sumber gambar/link gambar Kamu.
    • title='Cari duit di internet'
      > Ganti dengan judul gambar yang Kamu inginkan.

    • width='460px'
      > Ganti lebar banner/gambarnya 
      yang dikehendaki.

  6. Click save template

Hasta Lavista~! Sekarang Kamu sudah mengerti bagaimana CARA MEMBUAT FLOATING IMAGE DI BLOGSPOT. Semoga artikel ini berguna, dan akhir kata selamat mencoba.
Share this article :

0 komentar:

Post a Comment

Akan Sangat Berkesan Jika Anda meninggalkan Komentar ^^