Assalamu'alaikum warohmatullahi wabarokatuh. hay kawan,selamat datang di ZAD-CSTM, sebuah blog yang sengaja di buat untuk kebutuhan saya dan anda jika anda butuh, dan blog ini berisi tentang apa saja yang saya butuhkan, atau apa yang telah saya miliki ataupun segala hal penting gag penting yang penting bermanfaat. Selamat menikmati ya kawan. Semoga bermanfaat. terimakasih wassalamu'alaikum warohmatullahi wabarokatuh.

Minggu, 05 Desember 2010

Membuat Blog Title bergerak di Tab Page

  wah..... seharusnya cara ini sudah nggak asing lagi dong, karena banyak blog yang membuat title blog pada tab page bergerak, plus ada icon-nya lagi.

kesempatan ini mari kita belajar gimana caranya biar blog kita bisa seperti itu, dan juga jangan menganggap itu cara yang sulit. Berilah sugesti pada diri anda kalau cara ini mudah.
.
Nah kawan, berikut caranya : (jangan lupa baca Basmallah terlebih dahulu)

1. Dasbor > Rancangan > Edit HTML
2. cari kode <title><data:blog.pageTitle/></title> (dengan ctrl+F) letaknya di bawah <head> yang terletak di
    awal.
3. lalu letakkan kode berikut di bawah <title><data:blog.pageTitle/></title> 
<script language='JavaScript'>
var txt=&quot;:::<data:blog.pageTitle/>::: &quot;;
var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
4. lalu klik pratinjau
5. terbitkan entri

berikutnya adalah cara memberi icon nya.
berikut langkahnya:

1. masuk lagi ke Edit HTML
2. letakkan kode berikut di bawah </Script> (pada kode di atas)
<link href='URL photo/icon' rel='shortcut icon' type='image/x-icon'/>
3. URL photo/icon ini gantilah denga alamat tempat icon/photo yang akan kamu gunakan
4. sehingga hasilnya akan seperti dibawah ini.
<script language='JavaScript'>
var txt=&quot;:::<data:blog.pageTitle/>::: &quot;;
var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
<link href='URL photo/icon' rel='shortcut icon' type='image/x-icon'/>
Nah, mudahkan.... ahay. selamat mencoba,.

Tapi ingat, jangan lupa ya baca Hamdallah ya kalau udah selesai.


Tidak ada komentar:

Posting Komentar