Sabtu, 16 Juni 2012 -

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: