Cara Pasang Gambar Agar Selalu Di Pojok Halaman (Float) Di WordPress

Satu lagi trick yang saya ambil dari pengguna Blogspot. Trick ini benar-benar menjadi idola para penggemar di Blogspot. Bahkan hampir di setiap blog di Blogspot selalu ada trick ini. Trick yang saya maksud adalah menampilkan gambar selalu di pojok halaman. Walaupun saat halaman itu di scroll naik turun, gambar akan selalu diam diposisinya.

Memang cukup menarik, karna bagi pemilik yang ingin me-monetize-kan blognya cara ini sangat-sangat tepat untuk memasang banner iklan. Mau tahu caranya?

1. Login ke admin WordPress.org anda.
2. Klik [Appearance] > [Editor].
3. Dan klik [Stylesheet (style.css)].
4. Copy dan paste-kan script di bawah pada “Stylesheet (style.css)”.

   #float {

   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);

   }

   Keterangan:

   • bottom: jarak gambar dari bawah.
   • left: jarak gambar dari kiri.
   • jika anda ingin mengganti posisi gambar di kanan, ganti semua kata left dengan right.
5. Kemudian klik tombol [Update File].

Pekerjaan belum selesai samapi disini.

1. Selanjutnya klik [Footer (footer.php)] (ini tidak wajib, anda bisa memakai Header (header.php), Single Post (single.php), dll) tergantung dari support tema anda.
2. Copy dan paste-kan script dibawah ( saya memakai “Footer (footer.php)” ) sebelum tag </body>

   <!– float start –>

   <div id=”float”> <a href=”http://bootingskoblog.com“> <img src=”http://bootingskoblog.files.wordpress.com/2008/12/fan136.gif” border=”0″ /></a> </div>

   <!– float end –>

   Keterangan:

   • ganti yang dicetak merah dengan URL blog anda dan URL gambar anda.
   • silahkan berexperimen hingga menemukan posisi yang tepat.
   • trick ini akan terlihat bagus jika anda menggunakan browser FireFox.
3. Kemudian klik tombol [Update File].

sumber : http://bootingskoblog.com/2010/02/24/cara-pasang-gambar-agar-selalu-di-pojok-halaman-float-di-wordpress/