Mungkin trik pojok ini sudah banyak ditemui di banyak web/blog lain yang lebih senior. Tapi saya menulis artikel ini hanya untuk mempermudah ingatan saya saja, agar gak ribet kalau ingin mengingat trik ini. Kok malah curhat c...hehehe.
Okey, langsung saja kembali ke LapTop...Maksud dari trik pojok ini adalah menaruh gambar, icon, kalender, widget dll di pojok halaman blog. Untuk lebih jelasnya silahkan lihat di pojok kanan bawah halaman blog ini. Untuk lebih jelasnya silahkan lihat di pojok kanan bawah blog ini, sudah paham maksudnya. Kalau sudah langsung ke cara pembuatan.
Seperti biasa Login dulu ke blogger trus klik "Layout -->> Edit HTML
Jangan lupa centang Expand Template Widget
Kemudian cari kode ini ]]></b:skin>, untuk memudahakan pencarian tekan Ctrl+F kemudian paste kode yang tadi kemudian Click Find
Kalau sudah ketemu copy kode dibawah ini tepat diatas kode tadi :
#trik_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); }
Text yang warna abu-abu adalah posisi gambar yang akan kamu taruh, kamu bisa menggantinya sesuai keinginan kamu, dan untuk text warna merah adalah jarak antara batas tepi halaman dengan gambar...Sudah pahamkah sejauh ini...???Kalau belum, mending gak usah melakukan perubahan dulu aja...keyz
Langkah selanjutnya cari kode </body>;, kalau sudah ketemu silahkan copy dan pastekan kode dibawah ini di atas kode tadi :
<div id="trik_pojok"><a href="http://gyanfs87.blogspot.com">
<img src="http://i822.photobucket.com/albums/zz141/Gyanfs/3d241.gif"border="0" /></a></div>
Catatan : Untuk kode warna putih adalah url kemana gambar/ icon kamu akan ditujukan, dan untuk link berwarna hijau adalah Url gambar kamu, kalau belum punya Url gambar bisa daftar dulu di Photobucket.com
Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text dibawah ini dengan script widget-widget tersebut
<a href="http://gyanfs87.blogspot.com"><img src="http://i822.photobucket.com/albums/zz141/Gyanfs/3d241.gif" border="0"/></a>
^_^ selamat mencoba ^_^
