kembali menanggapi pertanyaan seorang teman yang menanyakan bagaimana cara buat gambar kucing melayang seperti yang berada di blog saya, yang tadinya saya mau arahkan ke salah satu link teman saya,tapi saya pikir lagi mungkin lebih baik saya jelaskan saja di blog ini..(padahal saya juga baru tahu,tapi tidak ada salahnya berbagi dengan kawan sendiri..bukan.?) dan terima kasih buat sahabat yang sudah bertanya,ini membuat saya bikin posting baru diawal tahun 2010....he..he..
caranya begini :
mungkin langkah awal yang harus sobat lakukan adalah :
download dulu template nya buat jaga-jaga,jika tidak berhasil sobat bisa pakai lagi template yang lama.
1. masuk ke akun blogger sobat
2. masuk ke dashboard
3. pilih tata letak (layout)
4. klik edit HTML
5. jika mau copy kode di bawah ini,tapi jika mau ber-experimen sendiri bolehlah,yang penting sobat sudah memyimpan gambarnya di webhosting ya..
cari kode ]]> < /b:skin >; lalu copy paste kode di bawah ini,tepat di atas kode ]]> < /b:skin >.
ini kodenya :
#trik_pojok {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
kode TOP dan LEFT menunjukan letak gambar dan itu bisa di ubah tergantung selera sobat.
selanjutnya cari kode < /body >; dalam template sobat lalu copy paste kode di bawah ini tepatdi atas kode tersebut
ini kodenya :
<div id="trik_pojok">
<a href="http://dedi-iswanto.blogspot.com"> <img
src="http://i559.photobucket.com/albums/ss32/diswanto_fhotos/cat_5.gif"/></a>
</div>
ingat kode yang berwarna merah ganti dengan nama blog sobat.
dan kode yang berwarna biru ganti dengan url gambar yang sobat punya,atau mau yang itu juga tidak apa-apa....
sebelum simpan coba pratinjau dulu...
selamat mencoba ya.....
Saturday, January 2, 2010
Thursday, December 31, 2009
pasang marquee link kawan
buat seniornya blog mungkin sudah tidak asing dengan yang namanya link blog efek marquee,sebenarnya saya posting ini hanya untuk sekedar pengingat buat saya pribadi,bagaimana cara buat link blog teman dengan efek marquee itu sendiri...hehehehe
dan ada beberapa model link yang bisa di pakai :
1. link yang berjalan dari samping
caranya menggunakan kode HTML SBB:
<marquee onmouseover="this.stop()" onmouseout="this.start()">link teman atau teks apa ajalah</marquee>
hasilnya akan seperti ini :
2. link bergerak dari bawah ataupun dari atas .
caranya menggunakan kode HTML sbb:
<div style="border: 2px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 250px;
text-align: center; ">
<marquee
onmouseover="this.stop()" direction="up" width="95%" scrollamount="3" onmouseout="this.start()" height="220" align="center"> <br/>"LINK KAWAN ATAU TULISAN APA AJA DEH"</marquee></div>
Dan hasilnya akan seperti ini:
kode di atas masih bisa di rubah tergantung selera sobat aja.....
selamat mencoba....
dan ada beberapa model link yang bisa di pakai :
1. link yang berjalan dari samping
caranya menggunakan kode HTML SBB:
<marquee onmouseover="this.stop()" onmouseout="this.start()">link teman atau teks apa ajalah</marquee>
hasilnya akan seperti ini :
2. link bergerak dari bawah ataupun dari atas .
caranya menggunakan kode HTML sbb:
<div style="border: 2px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 250px;
text-align: center; ">
<marquee
onmouseover="this.stop()" direction="up" width="95%" scrollamount="3" onmouseout="this.start()" height="220" align="center"> <br/>"LINK KAWAN ATAU TULISAN APA AJA DEH"</marquee></div>
Dan hasilnya akan seperti ini:
kode di atas masih bisa di rubah tergantung selera sobat aja.....
selamat mencoba....
pasang google translate
mungkin artikel ini sudah banyak di posting oleh sahabat blogger senior ya.
posting saya ini hanya untuk menjawab seorang kawan,yang katanya ingin blognya mempunyai bendera translate animasi seperti punya saya,
tidak perlu berpanjang lebar,( cape lihatnya ya..)begini saja sobat coba copy paste kode di bawah ini saja,nanti hasilnya akan seperti di yang terlihat di blog ini.
maaf...sobat bisa lihat caranya seperti di bawah ini :
1. masuk dulu blogger
2. klik tata letak
3. lalu klik tab elemen halaman
4. klik tambah gadget
5. pilih tambah HTML/JAVASCRIPT
6. copy paste kode di atas ke dalam kolom yang tersedia
tapi jika sobat punya gambar bendera sendiri bisa ganti kok sama gambarnya,cuma sobat harus upload dulu di tempat penyimpanan gambar gratis,kalau yang saya pakai sih...fhotobucket
dan hasilnya akan seperti ini :
atau mungkin mau translate berbentuk scroll,bisa copy paste kode di bawah ini :
hasilnya akan seperti ini:
kebetulan waktu search di paman google ketemunya sama alfa's blog terima kasih
selamat mencoba........
posting saya ini hanya untuk menjawab seorang kawan,yang katanya ingin blognya mempunyai bendera translate animasi seperti punya saya,
tidak perlu berpanjang lebar,( cape lihatnya ya..)begini saja sobat coba copy paste kode di bawah ini saja,nanti hasilnya akan seperti di yang terlihat di blog ini.
maaf...sobat bisa lihat caranya seperti di bawah ini :
1. masuk dulu blogger
2. klik tata letak
3. lalu klik tab elemen halaman
4. klik tambah gadget
5. pilih tambah HTML/JAVASCRIPT
6. copy paste kode di atas ke dalam kolom yang tersedia
tapi jika sobat punya gambar bendera sendiri bisa ganti kok sama gambarnya,cuma sobat harus upload dulu di tempat penyimpanan gambar gratis,kalau yang saya pakai sih...fhotobucket
dan hasilnya akan seperti ini :
atau mungkin mau translate berbentuk scroll,bisa copy paste kode di bawah ini :
hasilnya akan seperti ini:
kebetulan waktu search di paman google ketemunya sama alfa's blog terima kasih
selamat mencoba........
Subscribe to:
Posts (Atom)