Text Berjalan Pada Bar Menu
Sebenarnya postingan ini sudah lama sekali ingin saya tulis disini, tapi selalu lupa. Duh mas dody belum tua udah pikun nih..
Dari judul postingan saja sudah terlihat bahwa kali ini saya akan membahas tentang "text berjalan pada bar menu", basi ya..biarin. Dalam tutorial kali ini lagi-lagi sobat harus mengotak-atik HTML template sobat, jadi sekali lagi saya sarankan lebih baik membackup terlebih dahulu template sobat ke dalam hardisk. Sudah siap ? yuk kita lanjutkan.
Dari judul postingan saja sudah terlihat bahwa kali ini saya akan membahas tentang "text berjalan pada bar menu", basi ya..biarin. Dalam tutorial kali ini lagi-lagi sobat harus mengotak-atik HTML template sobat, jadi sekali lagi saya sarankan lebih baik membackup terlebih dahulu template sobat ke dalam hardisk. Sudah siap ? yuk kita lanjutkan.
- Login ke Blogger dengan ID sobat.
- Klik Tata Letak.
- Lalu klik Edit HTML.
- Kemudian letakkan kode berikut ini setelah kode <head>
<script language='JavaScript'>
var txt="Tips Blogging Untuk Blogger Pemula, Tukeran Link, SEO, Cara Pasang Meta Tag, Favicon, Label Cloud, link Berkelip Warna - Warni, Daftar Link PR Tinggi dan Masukkan Link Sobat Disana, Gratis...";
var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
- Save Template dan lihat hasilnya.
- Tulisan yang berwarna merah silahkan sobat ganti dengan tulisan sobat.
Mudah kan..silahkan coba sendiri..
Membuat Gambar Di Pojok Blog
Ini nich, sesuatu yang berbeda. Dengan ini, kamu bisa memasang gambar/animasi dipojok halaman. Serukan?! Adi ndag bosan dengan blogmu sendiri. :P
Berikut langkah-langkahnya :
1. Login ke www.blogger.com
2. Klik Tata Letak -> Edit HTML
3. Beri tanda centang pada Expand
Widget Template
4. Cari kode ]]></b:skin> dalam templatemu. Utk memudahkan pencarian, tekan Ctrl + F
5. Sebelum kode diatas, pastekan kode dibawah ini
#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); }
*Yang tulisan tebal merupakan posisi gambar, dapat diganti dgn-> kiri=left, kanan=right, atas=top, bawah=bottom.
6. Selanjutnya, cari kode </body> dalam templatemu
7. Pastekan kode dibawah ini sebelum kode diatas
<div id="trik_pojok">
<a href="http://ywstudy.blogspot.com">
<img src="http://www.boongan.gif" border="0" /></a>
</div>
*http://ywstudy.blogspot.co diganti dengan alamat blogmu
http://www.boongan.gif diganti dengan alamat URl gambarmu
kamu bisa cari gambar/animasi disini >>GIFS<<
8. Dan jika sudah, klik Simpan Template
Sekarang liat blogmu, gambar kesukaanmu akan menghibur disalah satu pojok blog :D
Semoga Berguna !
Tidak ada komentar:
Posting Komentar