Sunday, January 9, 2011

Membuat Gambar Melayang

ingin membuat gambar melayang-layang di pojok blog anda sobat, nih langsung ja aku kasih tutorialnya, simak baik-baik ya.

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 sebelum kode </body>


<div id="trik_pojok">
<a href="http://jokamku.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKKDJ80Azr3KSyAppm5YXKE6tM8fe2HAmA7QtpAiCkHH7EDPrmJyS0jN_4dIFRDTWpfIsKfLbdvyXDxo2NplT4G2fBZNXNIAdUgkaV2x7sV6iYtgtH-l7PixL8cADyS2g4o_PYntOGahEs//" border="0" /></a>
</div>
"http://jokamku.blogspot.com" adalah link. ganti dengan link blog kamu.
"
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKKDJ80Azr3KSyAppm5YXKE6tM8fe2HAmA7QtpAiCkHH7EDPrmJyS0jN_4dIFRDTWpfIsKfLbdvyXDxo2NplT4G2fBZNXNIAdUgkaV2x7sV6iYtgtH-l7PixL8cADyS2g4o_PYntOGahEs//" adalh lokasi gambarmu. ganti dengan lokasi gambar yang kamu inginkan.

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, dan lihat hasil karya mu sobat, hehehe.. sekian dan terima kasih.



NB: ni aku kasih link-link gambar buat kalian :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKKDJ80Azr3KSyAppm5YXKE6tM8fe2HAmA7QtpAiCkHH7EDPrmJyS0jN_4dIFRDTWpfIsKfLbdvyXDxo2NplT4G2fBZNXNIAdUgkaV2x7sV6iYtgtH-l7PixL8cADyS2g4o_PYntOGahEs// 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzHBuKYZ8tAaqA6wXda1cWvhbqCTcnP8l_ovtKaYN51HeccnNlHLkGd2BtTcuD0IArzLNTwxOK8eCxRFuUuVlpLSKCbFD7OgGqvKKtJz1_4GZ5L17pY0WodoL4fjUR3ec0_mOyjn1ojrt// 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicmAC46X23x7xgbHX2c9V_Wp2DpNWALx1DkrJ7O_6gQmowXTfr5MvoOeAJb-L1PneyXFt86LCxQKZXxRLVihNGpIyl_QPjm2vE9AYQOMEMf_-K_L0eJapbY5wm7nHTCuuuq4-aNuzmRTjG// 

sumber 
Read more »

0 comments:

Post a Comment

Copyright © Jokam indonesia 2010

Template By zahri fadillah