Cara membuat Tulisan Berjalan di Blog

Salam Blogger Indonesia, sekarang saya akan berbagi dengan kawan cara membuat Tulisan Berjalan yang mirip merquee yang penempatannya di Tab / tempat Judul Blog kita dan yang bisa ditaruh di sidebar Blog.

Baiklah mari kita bahas satu persatu :

Caranya :

1. Cara membuat Tulisan Berjalan di Tab.


2. Cara membuat Tulisan Berjalan di Sidebar

• Masuk ke Account Blogger dengan ID kawan 


• Pada Dasbor / Rancangan pilih tambah gadget


• Klik tanda (+) pada HTML / JavaScript


• Copas (copy paste) script berikut kedalamnya

Script No. 1



<script type="text/javascript">

//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)

function tb8_makeArray(n){

this.length = n;

return this.length;

}

tb8_messages = new tb8_makeArray(6);

tb8_messages[0] = "SELAMAT DATANG !!!";

tb8_messages[1] = "DI TIPS-BLOGBEGO";

tb8_messages[2] = "TERIMA KASIH";

tb8_messages[3] = "KUNJUNGAN DAN";

tb8_messages[4] = "KOMENTAR ANDA";

tb8_messages[5] = "DITUNGGU....!!!";

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></div>

• Usahakan kalimatnya jangan panjang-panjang


• Angka 6 menyesuaikan dengan banyaknya baris kalimat


• Ganti Tulisan yang berwarna merah sesuai dengan selera kawan


• Banyaknya / panjangnya tulisan tanpa batas


• Demonya bisa kawan lihat disini 


• Penempatan scriptnya bisa digabung dengan script yang lainnya. 


• Kalimat / tulisan tsb akan berjalan dari kiri ke kanan.

Sedangkan yang lainnya :

• Copas script berikut pada gadget / elemen atau bisa juga digabung, 

Script No. 2



<script language="JavaScript">

var txt="SELAMAT DATANG DI BLOG ILUSTRASI.BLOGSPOT.COM - SEMOGA ANDA NYAMAN DAN PUAS - TERIMA KASIH";

var tipsblogbegotutorial=170;

var fress=null;function judulbloggerak() { document.title=txt;

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

fress=setTimeout("judulbloggerak()",tipsblogbegotutorial);}judulbloggerak();

</script>

• Ganti Tulisan yang berwarna merah sesuai dengan selera kawan.


• Kalimat / Tulisan akan berjalan dari kanan ke kiri


• Script ini bisa juga ditaruh pada Edit HTML template kawan, yaitu tepat diatas kode </body> letaknya paling bawah.


• Demonya ; lihat pada Tab Blog ini

sedangkan tulisan yang bisa tampil di sidebar :

• Copas (copy-paste) script berikut kedalam gadget / elemen atau bisa digabung dengan script yang lainnya

Script No. 3



<script language="JavaScript">

var max=0;

function textlist()

{

max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i];

}

tl=new textlist

(

" SUATU KEBANGGAAN APABILA DENGAN BERBAGI KAMI DAPAT MEMBANTU KAWAN....!!! " // Geben Sie hier den zu scrollenden Text ein

);

var x=0; pos=0;

var l=tl[0].length;

function textticker()

{

document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";

if(pos++==l)

{

pos=0;

setTimeout("textticker()",1000);

x++;

if(x==max)

x=0;

l=tl[x].length;

} else

setTimeout("textticker()",100);

}

// end -->

</script>

<script language="JavaScript">

<!--

document.write("<FORM NAME=\"tickform\">");

document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\"90\">"); // Bei SIZE können Sie die Größe des Feldes ändern

document.write("</FORM>");

textticker();

//--></script></div></div>

• Ganti tulisan warna merah sesuai dengan selera kawan


• Angka 90 warna biru disesuaikan dengan panjangnya kalimat / tulisan yang kawan buat


• Tulisan akan tampil dari kiri ke kanan seperti kita sedang menulis


• Penempatannya bebas asal panjang tulisan disesuaikan dengan lebar tempat menaruhnya


• Demonya : silahkan lihat di atas tempat postingan

Dari ketiga Script tersebut diatas (script No.1 dan Script No. 2) tidak bisa digabung, karena tampilannya sama-sama di Tab Blog (pilih salah satu).

Oh ya simpan Blog kawan dan lihat hasilnya.