Edo Prasetya

Dokumentasi cara membuat slide show tulisan.


Contoh :

Masuk ke Design >> Page Elements >> Add a Gadget >> HTML/JavaScript

Kodenya :

<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="background-color: yellow; clip: rect(0px, 0px, auto, 0px); font-family: Verdana; font-size: 18px; left: 0pt; position: absolute; top: 0pt;"></span>
</div>

<script type="text/javascript">

var tickercontents=new Array()
tickercontents[0]='Ini Adalah Contoh Dari Slide Show Tulisan'
tickercontents[1]='Hanya Sekedar Mendokumentasikan Di Blog Ini'
tickercontents[2]='Mudah-Mudahan Bermanfaat Dan Alhamdulillah'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){ (currentmessage="=tickercontents.length-1)" (parseint(crosstick.offsetheight)="" )="" +clipwidth+="" ,tickdelay)="" 0px)="" :="" auto="" beginclip="setTimeout("highlightmsg()",20)" changetickercontent()="" cleartimeout(beginclip)="" clipwidth+="highlightspeed" clipwidth="0" crosstick.parentelement="" crosstick.parentnode="" crosstick.style.clip="rect(0px " crosstick="document.getElementById?" crosstickparent="crosstick.parentNode?" currentmessage++="" currentmessage="0" document.all.highlighter="" document.getelementbyid(="" else="" else{="" function="" highlighter="" if="" px="" settimeout(="" start_ticking(){="" }="">0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

Stylenya bisa diubah sesuai keinginan brader...
Teksnya juga bisa ditambah, seperti ini :

tickercontents[3]='tulisan brader'
tickercontents[4]='tulisan brader'
tickercontents[5]='tulisan brader'

Dan seterusnya...

Semoga Bermanfaat...
Alhamdulillah...