Sabtu, 08 Januari 2011 -

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.












2 komentar:

  1. thanks untuk tipsnya..
    bagi saya pribadi, mencoba untuk mengurangi javascript di blog. suka bikin lambat pada saat di-browse.
    tapi itu saya lho...

    BalasHapus
  2. trims kawan kunjungannya, memang benar para blogger membutuhkan loading cepat dan ringan :27

    BalasHapus