Cara Pasang Banner "Selalu di Pojok"


Beberapa hari yang lalu, sobat dengan ID JavaAnekaBisnis bertanya lewat kotak komentar tentang penempatan IKLAN. Pertanyannya seperti ini.

Bang, penempatan iklan di blog saya utk menuju situs iklan tsb defaultnya dibawah, gmn cara seting diatas kanan & kiri.
Trims n sukses.


Saya berasumsi bahwa pertanyaan di atas hanyalah masalah psosisi penempatan IKLAN saja. Jika asusmi saya benar, maka sebenarnya bisa menyesuaikan dengan kondisi templet blog kita. Kita bisa menambahkan Widget atau Add Widget blog dan menggesernya ke posisi paling atas.

Akan tetapi, tips tersebut tidak efektif karena kondisional dan cenderung parsial. Maka, kita harus buat trik lain, yakni dengan TRIK POJOK. apa sih trik pojok itu?

TRIK POJOK bisa dikatakan sebagai trik bagaimana kita memasang sesuatu, baik berupa iklan, gambar, counter, jam, adesen dan widgwt-widget lainnya agar selalu tetap "di tempatnya" meskipun pengunjung melakukan scroll bar, entah di pojok atas (kanan, kiri), atau pjok bawah (kanan, kiri). Jika masih bingung, silahkan kli di sini untuk melihat contohnya.

Oke, biar tidak banyak "ngoceh", bagi sobat yang ingin memasangnya, silahkan ikuti langkah-langkah berikut ini.

1. Login ke blogger trus klik Layout -->> Edit HTML
2. Cari kode ]]></b:skin> dan kalau sudah ketemu letakkan kode berikut ini di atasnya.

#banner_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }



Catatan:
Text yang berwarna merah menunjukkan posisi gambar atau iklan yang akan dipasang. Silahkan ganti bottom dengan top untuk menaruhnya di atas. Demikian pula sobat bisa mengganti left dengan right jika ingin menempatkannya di kanan.

3. Letakan kode berikut sebelum kode </body>

<div id='banner_pojok'>
<a href='http://muba-blogger.blogspot.com'>
<img border='0' src='http://i437.photobucket.com/albums/qq97/syahdu140208/IMABA/lambangbata-bata.gif'/></a>

</div>



Catatan :
http://muba-blogger.blogspot.com adalah link yang akan dituju. Silahkan ganti dengan link yang sobat inginkan, baik link IKLAN atau pun link lainnya.
http://i437.photobucket.com/albums/qq97/syahdu140208/IMABA/lambangbata-bata.gif adalah link lokasi gambar. Silahkan ganti dengan link gambar milik sobat.

4. Jangan lupa untuk disimpan dan lihat hasil kerja sobat....

Jika yang ingin dipasang bukan gambar, tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
Previous Post Next Post