Anda lihat ‘kan ada gambar KELEDAI di pojok kiri bawah blog saya ini? Dia akan terus selalu berada disitu meskipun anda menggeser tampilan blog saya ke atas dan ke bawah. Meskipun “scroll bar” yang ada di samping kiri dan bawah layar ditarik kemana-mana. Mungkin anda akan bertanya, bagaimana cara membuat hal yang demikian ??
Trik blog ini memang saya dapatkan dan saya sadur dari blog “Trik Tips Blogging”, dan saya sampaikan kembali untuk anda selaku pengunjung blog sederhana saya ini. Berikut trik untuk memasang “Item” agar tetap selalu berada di pojok blog anda (bisa di atas, bawah, kiri, atau kanan blog) :
1. Login ke Blogger trus klik "Layout -->> Edit HTML
2. Cari kode : ]]></b:skin> . Jika sudah ketemu, taruh kode berikut ini di atasnya.
#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); }
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal diganti text "left" dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>
<div id="trik_pojok">
<a href="http://anakbanua.blogspot.com">
<img src="http://i705.photobucket.com/albums/ww56/fierarahim_album/ico_029.png" border="0" /></a>
</div>
"http://anakbanua.blogspot.com" adalah link blog. Ganti dengan link blog anda.
"http://i705.photobucket.com/albums/ww56/fierarahim_album/ico_029.png" adalah lokasi gambar. Ganti dengan lokasi gambar anda.
5. Jika anda ingin yang ada disitu bukan gambar, tetapi item lain seperti jam/kalender/hit counter/widget-widget dan lain-lain, maka ganti text yang berwarna merah tersebut dengan script widget-widget tersebut.
6. Simpan hasil kerja anda dan lihat hasilnya.
Semoga Berhasil !!!
17 komentar:
Izin baca artikelnya, bro...!
Gue Newbe nih, butuh petunjuk ama bimbingan..!
Thanks
Gue udah coba, tapi kok gambarnya tampil di bawah (footer) ada yang salah?
sama gw juga uda coba tapi gambarnya malah ada dibawah. knpa tuh mas? mohon bimbingannya..
keren om triknya..makasih ya. aq boleh pasang gambar yang dipojoknya sama kaya yang diblog ini boleh ga untuk sementara. nti kapan2 klo aq uda dapt gmbr lain, aq ganti.
oya om, bisa ajarin aq cara pasang google friends conect di blogspot ga..? tolong ya..klo bisa kirim aja ke alamat : wonkpaket@gmail.com.
mas kalo semacam tulisan atau sidebar kayak gitu gimana?
@ Anpaki : Maksudnya kalimat yang bergerak di tab atau di title bar diatas ya?
Baca aja di posting saya yang berjudul :
Memasang variasi teks berjalan di navbar atas blog
@ Misbah & Me : Mungkin posisinya belum ada setting kale di kode HTML nya...???
Jika anda pengen posisi icon-nya diatas, maka ganti tulisan "bottom" di HTML dengan tulisan "top".
Termasuk jika ingin di posisi kanan, maka ganti "left" menjadi "right".
semoga jawabannya tepat !!!
@ Techno : Wah,maaf. Saya kurang tau juga caranya gimana,mas? Maklum, saya juga masih dalam tahap belajar tentang Blog dan Blogspot. Mungkin anda bisa mendapatkan infonya lebih lengkap dari teman-teman blog yang lain.
Harap dimaklumi ya?? :)
Yupp Berhasil :D
Makasih mas buat tutorialnya
Kalo gambarnya dipindah ke belakang wrapper bisa ngga?, kalo bisa kode apa yang harus diubah?
trimakasih om... akhirnya berhasil juga... sebelumnya saya gagal... na setlah itu saya buka pakai IE ternyata ada kode yang salah...
oya... sekalian...
tukeran link om..... :)
farizy
thanks info nya sob. Btw, buat memasang widget tetap berada di pojok BLOG gwe gmn sob?
Maksudnya,jika banner itu di klik akan keluar isi widget nya (contoh : widget shoutmx )
ya ela pak,,,,, saya da coba tapi gambarnya tidak muncul !!
nah ni dia,awak lg nyari2 postingan seperti ni tp tak tau kata kunci apa yg harus di gunaken, emang kalo gambr yg d pojok kanan bwh nama-y pa?
qu boleh ambil bannernya gak???
alhamdulillah berhasil.. ^_^ makasih wal... hehehe... link bannernya udah ta pasng di blog... salam anak banua...
makasih....
artikelnya bagus!!
sippp...:D
:@ :~ :| :)) :( :s :(( :o
Posting Komentar