Tuesday, May 3, 2011

Membuat Gambar Melayang di Pojok Blog

Kali ini aku posting cara lama aja ya, ini di req sama sobat koDe-Xp juga, dari pada nggak ada yang di post, disini aku mau ngebahas cara mudah dan cepat membuat gambar melayang di pojok blog kita, entah itu kanan , kiri, atas, pokoknya dimana aja asalkan di pojok semuanya bisa sob, yang penting rajin aja ngebaca caranya dibawah. kalau begitu langsung aja baca caranya dibawah.

Mudah-mudahan ini bisa bermanfaat bagi blogger yang masih baru, jujur saya juga masih dalam tahap belajar, intinya kita saling membantu sesama sapa aja yang mau berlajar, coz berbagi ilmu itu ternyata menyenangkan sobat. .. o_O

1. Login ke blogger trus klik "Layout -->> Edit HTML
 
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru 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 ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini diatas kode </body
>

<div id="trik_pojok">
<a href="http://koDe-Xp.blogspot.com">
<img src="http://i1097.photobucket.com/albums/g344/koDe-xp/IconkoDe-Xp.png" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i1097.photobucket.com/albums/g344/koDe-xp/IconkoDe-Xp.png" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

5 comments :

edhoJR said...

thnk's info, ijin coba dulu..

(aQn) Aquino Kasenda said...

cuma saran aja... klo bikin tutorial, copasnya diaktifkan...

Qoqo AhnafiZz said...

@(aQn) Aquino Kasenda : Mohon ma'af sebelumnya sob atas ketidaknyamanan ini, coz ini untuk sementara aja, soalnya ada blogger lain yg postingannya hampir semuanya copas disini, mana nggak ada sumbernya lagi, jd aku mau bkin jera oknum yg ky gitu aja, ya setidaknyakan kalo copas itu musti di Edit dikit lah & jg nggak semuanya jg kan yg dicopas.
Terima kasih.

{HzL}-dHaNz_ID said...

thanks mas bro, berhasiL neh
:D

™[V]a®ħaŋđ ™ said...

:m: :a: :k: :a: :s: :i: :h:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w:

Tambahkan Komentar Anda..!!

Terima Kasih Atas Kunjungannya..!!
Silahkan tinggalkan komentar Anda apabila ada yang perlu disampaikan,
dan kalo ada link yang rusak segara laporkan di kotak komentar ini..!!

"Komentarlah dengan kata-kata yang sopan"