Thursday, July 19, 2012

Cara membuat Judul Blog bergerak mengetik pada menu bar



Judul blog yang berada di menu bar dapat di modifikasi apa aja.
Pada kesempatan kali ini, tutorial tentang bagaimana cara membuat judul blog bergerak mengetik pada menu bar.
Caranya mudah kok..
Langkah2nya berikut ini:
1. Login Blog
2. Rancangan dan add gadget "edit html/javascript"
3. Letakkan kode script berikut
<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(7);
tb8_messages[0] = "Hai Sobat Blogger";
tb8_messages[1] = "Selamat Datang Di";
tb8_messages[2] = "Blog Mig33 Eagle Hill";
tb8_messages[3] = "Aplikasi Mig33 dan Tutorial Blog";
tb8_messages[4] = "Keep on Rock";
tb8_messages[5] = "n stay in metal";
tb8_messages[6] = "www.cybermig.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 70;
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>
keterangan:
Kode berwarna oranye, speed dan delay dapat di ganti sesuai keinginan. 


4. Simpan


Lihat hasilnya..
Semoga infonya bermanfaat

Labels:

Wednesday, July 11, 2012

Cara Membuat Judul Blog Berjalan bergerak marquee



Mungkin sobat sedikit bingung antara judul blog dan judul post dalam tutorial kali ini.
Contoh dalam blog ini, judul blognya adalah "Mig33 Eagle Hill" dan 
judul postnya berada di menu bar jika sobat mengunjungi posting artikel,
 misal "Cara Membuat Judul Blog Berjalan".


So..
Bagaimana cara membuat judul blog berjalan atau bergerak marquee.
Berikut ini langkahnya:

1. Login blog sobat

2. Rancangan lanjut ke "Edit html"

3. Cari kode <title><data:blog.pageTitle/></title>

4. Ganti dengan kode:



<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>

var txt="<data:blog.pageTitle/>";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>


5. Simpan template.



Demikian cara membuat judul blog bergerak marquee.

Semoga tutorialnya bermanfaat.

m(><)m




Labels: