Mencoba ngebahas gimana cara membuat gambar yang
selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri,
kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa
sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang
kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya
bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox,
Kalender, Adsense, Iklan, Widget-widget dan lain-lain.
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
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); }
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 ingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://www.ictclubsmpn10.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw60N0zfeb7lht7sHgwbyejZoZrHqGhtBRaPwhw5Ky3g3ADF4CajrSjGlFDzUAmf4_3RV6UFJ5EWljhYPF9P7MGqqrxshgsNSl9jeaIuYwXcPr9ts2O9lZ6M0maAn4pRGj7iybMf5YtSE/s800/NarudinSmall.gif" border="0" /></a>
</div>
<a href="http://www.ictclubsmpn10.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw60N0zfeb7lht7sHgwbyejZoZrHqGhtBRaPwhw5Ky3g3ADF4CajrSjGlFDzUAmf4_3RV6UFJ5EWljhYPF9P7MGqqrxshgsNSl9jeaIuYwXcPr9ts2O9lZ6M0maAn4pRGj7iybMf5YtSE/s800/NarudinSmall.gif" border="0" /></a>
</div>
"http://www.ictclubsmpn10.blogspot.com" adalah link. ganti dengan link kamu.
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw60N0zfeb7lht7sHgwbyejZoZrHqGhtBRaPwhw5Ky3g3ADF4CajrSjGlFDzUAmf4_3RV6UFJ5EWljhYPF9P7MGqqrxshgsNSl9jeaIuYwXcPr9ts2O9lZ6M0maAn4pRGj7iybMf5YtSE/s800/NarudinSmall.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Simpan hasil kerja kamu dan lihat hasilnya.
Semoga Bermanfaat Dan Semoga Sukses :-D
Jadilah Blogger Yang Beretika, dengan mencantumkan Link Sumber yaa.. ^^ Original Posted by : http://www.ictclubsmpn10.blogspot.com
0 komentar:
Posting Komentar