Tutorial:Membuat Tulisan Bergerak pada Header Blog

04.10.2009 · Posted in Artikel Indonesia, Tips, Wordpress

Jika anda memperhatikan pada header (Jududl blog) blog ini, maka akan menampilkan tulisan yang selalu bergerak, hal ini tentu akan membuat blog lebih menarik bagi pengunjung. sebenarnya untuk membuat tulisan di header blog seperti blog ini tidaklah sulit. jika anda ingin membuat tulisan bergerak di blog anda, ikuti langkah2 pembuatannya sebagai berikut.

Langkah Cara Membuat Tulisan Bergerak

pertama-tama tentunya anda harus login di administrator blog anda. perlu diketahui, trik ini sudah teruji di dua CMS yang terkenal yaitu WordPress dan Joomla. pada tutorial ini, saya akan menggunakan wordpress sebagai CMSnya.
setelah login di administrator blog, langsung saja menuju menu Appearance – Themes -editor. setelah menuju Editor, kemudian pilih pada menu header (header.php)

Tambahkan script berikut setalah kata <head>.

<script src="http://bubble.websnapr.com/9uKo6XkS31gL/swi/" type="text/javascript"></script>
<meta name="verify-v1" content="4NFnonWKK7SD7i2fqwE9Y+wReTPeEaS3xXRaoO0G/rU=" />
<meta name="blogcatalog" content="9BC9114204" />
<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "Nothing For Free";
tb8_messages[1] = "But there are more cracks";
tb8_messages[2] = "Enjoy its";
tb8_messages[3] = "Keep update here";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
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>

Setelah script di masukkan, maka tinggal kita pilih Update file.

Mengganti Slogan Tulisan.

Untuk mengganti slogan yang sesuai dengan is blog kamu sangatlah mudah, yaitu dengan mengganti kata dalam file script yang saya bold. yaitu kata2

Nothing For Free
But there are more cracks
Enjoy its
Keep update here

NB : Penambahan script ini tidak akan menyebabkan blog anda menjadi lambat, karena file ini akan diload bersamaan dengan themes dan merupakan script tanpa memanggil script dari luar blog.

Regards

Tags: anda, appearance themes, cara membuat, header, header header, ini, Joomla, menu header, script, script src, Themes, Tulisan, tulisan bergerak, Tutorial:Membuat Tulisan Bergerak pada Header Blog, var, Wordpress, yang

Joddie says:

April 10, 2009 at 8:13 pm

Thanks juga.. xi xi xi xi…

Joddie’s last blog post..Juara Olimpiade

Tutorial:Mebuat Jam, Hari, tanggal, bulan, tahun dan judul pada header Blog | Just be Better says:

April 26, 2009 at 1:48 am

[...] Huhh..pada postingan kali ini saya akan berbagi tips kepada teman2 blogger. kali saya akan berbagi tentang bagaimana menghiasi blog dengan mempercantik blog dengan menambahkan waktu pada header blog kamu. sebagai contoh,,lihatlah header pada blog ini yang menampil jam, hari, tanggal,tahun dan judul dari blog ini. sebenarnya cara membuat header seperti ini tidaklah susah,,prinsipnya sama dengan postingan saya dulu yang membuat tulisan bergerak pada header blog. [...]