Sabtu, 11 Agustus 2012

Membuat Title Blog pada Tab Bergerak dan Berganti-ganti


Halo sobat blogger, kali ini saya akan berbagi sesuatu yang menarik, yaitu cara membuat judul/title blog pada tab menjadi bergerak dan berganti-ganti. Bagi kalian yang ingin mempercantik blog boleh coba, atau bagi kalian yang ingin mencobanya saja, itu tak masalah. cara ini saya dapatkan ketika saya berselancar ke blog-blog teman. Mungkin langsung aja ya, hehe.. untuk contohnya anda bisa melihat tab pada blog ini.

Langkah pertama ialah:
1.  Login ke Blogger terlebih dahulu
2.  Kemudian pilih Template
3.  Lalu pilih Edit Html > Lanjutkan, lalu klik Expand Template Widget


Klik pada gambar untuk perbesar

4.  Jika sudah, cari kode </head> dengan tekan tombol Ctrl+F pada keyboard
5.  kalau sudah menemukan kodenya, Copy kode dibawah ini dibawah kode </head> 
 <script language='JavaScript'>var txt=&quot; Welcome to Ino-Yasha's Blog &quot;; var kecepatan=120;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>
*Note: 
  • Ganti tulisan berwarna Merah diatas dengan teks yang anda inginkan
  • Ganti  tulisan berwarna Biru dengan angka yang anda inginkan untuk kecepatannya, semakin besar angka, maka semakin lambat kecepatannya, dan begitu sebaliknya
Nah mudah bukan sahabat blogger, lalu bagi yang ingin membuat teksnya berganti-ganti, caranya ada di bawah ini sobat.

1.  Login dulu ke Blogger
2.  Kemudian pilih Tata Letak
3.  Lalu klik Tambah Gadget > pilih Html/Javasript
4.  Lalu masukkan Script di bawah ini  
<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "Hai Sobat Blogger...";
tb8_messages[1] = "Welcome to Ino-yasha's Blog";
tb8_messages[2] = "Ino-Yasha.blogspot.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 125;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
*Note: 
  • Ganti tulisan yang berwarna Merah dengan tulisan yang kamu inginkan 
  • Kalau anda, para sobat blogger ingin menambahkan kata-kata lagi maka tambahkan saja script berikut diatas script tb8_rptType = 'infinite'; (agar lebih mudah gunakan Ctrl+F)
tb8_messages[3] = "Masukkan Kata-katamu di sini";
tb8_messages[4] = "Masukkan Kata-katamu di sini";
tb8_messages[5] = "Masukkan Kata-katamu di sini";
5.  Klik Save/Simpan dan lihat hasilnya

Bagaimana mudah bukan sobat, sekian dulu Tips and Trick mempercantik Blog dari saya, Selamat Mencoba ^_^

25 komentar:

noesa mengatakan...

mantafff

yanti meinarsih mengatakan...

luthuuuuuuuu

Nola Yudistira mengatakan...

ship :D

Iwan Lemabang mengatakan...

terima kasih infonya, sob. salam blogger

Gm Wazaoski mengatakan...

Thanks Gan ..!!! bermanfaat bangett !!

;)

Incredible 71 mengatakan...

Artikelnya sangat membantu. Terima kasih :))
Jangan lupa mampir ke blog aku ya :)
sonicincredible.blogspot.com

Ino Rodrigues mengatakan...

Iwan Lemabang: ya, salam Blogger juga
Gm Wazaoski: ya gan
Incredible 71: ya gan ane udah mampir

Acep-Computer | Free Software and Tutorial Blog mengatakan...

Keren tutorialnya dan work di blog saya :)
#Koment balik ditunggu sob

Ino Rodrigues mengatakan...

@Acep-Computer | Free Software and Tutorial Blog sama-sama gan

bal faiz mengatakan...

Thanks a lot

Ino Rodrigues mengatakan...

@bal faiz U're welcome

Agunk Nevada mengatakan...

Nice share :D

galih n gumilar mengatakan...

mantap dah .. artikelnya mastah

jojon mengatakan...

ijin untuk praktek dlu

robby mengatakan...

Kalo buat Wordpress gmna yah??

Zihun mengatakan...

Ijin nyoba gan,,,
Nice info,,,
Ditunggu kunbalnya

Mazaya Syahida mengatakan...

Ada artikel cara buat emotikon komentar ga? :D

ivan ardyvan mengatakan...

Manatp Gan Thank's Atas Informasinya Ya
Sekali kali mampir Blog Gua

czte.blogspot.com

M Nursyahyudi mengatakan...

:)] gan izin Praktek yo.

pat sakawan mengatakan...

Tengkyu gan, bermanfaat banget !!!!

Diny kinDLy mengatakan...

thnks gan ..sngt bermanfaat...

di tunggu kunjungan balik nya http://andinyfencer.blogspot.com/

Ace Maxs mengatakan...

mantap dah artikelnya

Defries Yudhanto mengatakan...

mantaf omm

Novia Fransisca Dewi mengatakan...

Cara membuat perkedel
Cara membuat perkedel yang enak
Cara membuat perkedel isi kornet

Meke Park mengatakan...

Kami Merupakan Agen Betting , Agen Casino , Agen Togel Resmi Dan Terpercaya
Untuk Informasi Lebih Lanjut Silakan Hubungin Kami Di :
www.Berjayabet.com
Pin BB Berjayabet : 591518F5

Poskan Komentar