Memasang Widget scroller Teks

Alhamdulillah ada satu informasi ilmu baru lagi niiih,pernah liat alamat blog www.mediahaydar.blogspot.com ,hehhehe itu blogku sebenarnya.nah coba dech liat di Headernya disana terlihat tampilan teks scroller,

nah klw ada yang mau pasang Wudget itu silahkan ini Scriptnya tinggal Setting aja sendiri ya ,yaitu tinggal ganti aja teksnya dengan teks yang sobat inginkan tapi ingat teks perkarakternya terbatas jadi hemat huruf ya,hehhee

dan juga silahkan setting colour teks dan background colournya ya menurut warna yang sobat inginkan atau sesuai warna blog sobat, nah ini codenya :

<center><script language="JavaScript1.2"><br /><!--<br /><br />/*<br />Typing Scroller<br />Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)<br />With modifications by Dynamicdrive.com<br />For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com<br />*/<br /><br />//Secify scroller contents<br />var line=new Array()<br />line[1]="Assalamualaikum wrwb.."<br />line[2]="Ahlan Wa Sahlan Ikhwah Fillah"<br />line[3]="Sahabat berada di blog Media Haydar"<br />line[4]="Media Jalin Ukhuwah ISLAM Radio"<br />line[5]="Ane persembahkan untuk AL-ISLAM"<br />line[6]="sukron telah berkujung di blog ini "<br />//Specify font size for scoller<br />var ts_fontsize="20px"<br /><br />//--Don't edit below this line<br /><br />var longestmessage=1<br />for (i=2;i<line.length;i++){<br />if (line[i].length>line[longestmessage].length)<br />longestmessage=i<br />}<br /><br />//Auto set scroller width<br />var tscroller_width=line[longestmessage].length<br /><br />lines=line.length-1 //--Number of lines<br /><br />//if IE 4+ or NS6<br />if (document.all||document.getElementById){<br />document.write('<form name="bannerform">')<br />document.write('<input type="text" name="banner" size="'+tscroller_width+'"')<br />document.write(' style="background-color:#800000; '+document.bgColor+'; color:white; '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')<br />document.write('</form>')<br />}<br /><br />temp=""<br />nextchar=-1;<br />nextline=1;<br />cursor="\\"<br />function animate(){<br />if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){<br />nextline++;<br />nextchar=-1;<br />document.bannerform.banner.value=temp;<br />temp="";<br />setTimeout("nextstep()",1000)}<br />else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){<br />nextline=1;<br />nextchar=-1;<br />document.bannerform.banner.value=temp;<br />temp="";<br />setTimeout("nextstep()",1000)}<br />else{<br />nextstep()}}<br /><br />function nextstep(){<br /><br />if (cursor=="\\"){<br />cursor="|"}<br />else if (cursor=="|"){<br />cursor="/"}<br />else if (cursor=="/"){<br />cursor="-"}<br />else if (cursor=="-"){<br />cursor="\\"}<br /><br /><br />nextchar++;<br />temp+=line[nextline].charAt(nextchar);<br />document.bannerform.banner.value=temp+cursor<br />setTimeout("animate()",25)}<br /><br />//if IE 4+ or NS6<br />if (document.all||document.getElementById)<br />window.onload=animate<br />// --><br /></script></center><br />

tapi biar tidak bingung aku kupas aja dech

nah copi+paste script diatas tapi ssssebelum di taro di blog sobat perlu di perhatikan dulu

coba cari code ini :
document.write(' style="background-color:#800000;
silahkan ganti warna background-colour dengan warna yang sobat inginkan

ini code warna teksnya '+document.bgColor+'; color:white; silahkan ganti warna teks yang sobat inginkan.

kemudian liat code ini :
//Secify scroller contents
var line=new Array()
line[1]="Assalamualaikum wrwb.."
line[2]="Ahlan Wa Sahlan Ikhwah Fillah"
line[3]="Sahabat berada di blog Media Haydar"
line[4]="Media Jalin Ukhuwah ISLAM Radio"
line[5]="Ane persembahkan untuk AL-ISLAM"
line[6]="sukron telah berkujung di blog ini "
//Specify font size for scoller
var ts_fontsize="20px"

ganti semua teksnya yang sobat inginkan tapi sekali lagi di ingatkan karakternya terbatas jadi sesuaikan saja ya...

selamat mencoba...

Posted in: Tutorial