Selasa, April 28, 2009

Trik Memasang Gambar Tetap Berada di Pojok Blog

. Selasa, April 28, 2009

iconQuAnda 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 !!!

Artikel Yang Berhubungan



17 komentar:

Misbah el munir mengatakan...

Izin baca artikelnya, bro...!
Gue Newbe nih, butuh petunjuk ama bimbingan..!
Thanks

Misbah el munir mengatakan...

Gue udah coba, tapi kok gambarnya tampil di bawah (footer) ada yang salah?

Me mengatakan...

sama gw juga uda coba tapi gambarnya malah ada dibawah. knpa tuh mas? mohon bimbingannya..

Technology And Electronics mengatakan...

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.

Anpaki mengatakan...

mas kalo semacam tulisan atau sidebar kayak gitu gimana?

Arief_Murakata mengatakan...

@ 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

Arief_Murakata mengatakan...

@ 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 !!!

Arief_Murakata mengatakan...

@ 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?? :)

kyuutaro™ mengatakan...

Yupp Berhasil :D
Makasih mas buat tutorialnya

Kalo gambarnya dipindah ke belakang wrapper bisa ngga?, kalo bisa kode apa yang harus diubah?

farizy kahfi mengatakan...

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

sulthan ads mengatakan...

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 )

eka sugi harti mengatakan...

ya ela pak,,,,, saya da coba tapi gambarnya tidak muncul !!

khalimuntoha mengatakan...

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?

EndangAstiana mengatakan...

qu boleh ambil bannernya gak???

Dollar Man mengatakan...

alhamdulillah berhasil.. ^_^ makasih wal... hehehe... link bannernya udah ta pasng di blog... salam anak banua...

the Kite Runer mengatakan...

makasih....
artikelnya bagus!!

Herry Edogawa mengatakan...

sippp...:D

:f :D :) ;;) :x :$ x( :?
:@ :~ :| :)) :( :s :(( :o
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

 
Namablogkamu is proudly powered by Blogger.com | Template by o-om.com