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.