Cara Membuat Menu Teks Slide

Menu Teks Slide adalah menu yang bergerak naik keatas secara otomatis...
menu ini cocok untuk menampilkan iklan - iklan atau promosi tentang artikel di blog anda..

Menu ini sangat praktis karena tidak terlalu memakan tempat di blog kita,
Dan juga cocok di gunakan untuk semua tampilan blog...

Penasaran seperti apa bentuk menu teks slide tersebut...

KLIK DI SINI untuk melihat contoh menu teks slide nya...

Setelah melihat contohnya, apakah anda tertarik untuk memasang nya dibloag anda...??
Oke... Langsung saja ikuti tutorial dibawah ini.




Copy Paste Script Kodenya Dibawah Ini :

<script language="JavaScript1.2">

//Go to www.imamronggo.blogspot.com

var scroller_width='180px'

var scroller_height='110px'

//Ganti background warna sesuai tampilan template anda

var bgcolor='#55A0FF'

var pause=3000

var scrollercontent=new Array()

//===>Edit Teks Anda Di bawah ini :

scrollercontent[0]='Selamat Datang Di blog <a href="http://www.imamronggo.blogspot.com">www.imamronggo.blogspot.com </a>selamat mencoba tutorial disini! Terima Kasih...'

scrollercontent[1]='Silahkan Tinggalkan Komentar Anda? di <a href="http://www.imamronggo.blogspot.com">Di sini...</a> agar dapat menjadi masukan bagi kami...'

scrollercontent[2]='Gabung dan jadi Penggemar di komunitas Facebook page kami di <a href="http://www.facebook.com/pages/Go-To-wwwimamronggoblogspot.com/106672159387732">Go to www.imamronggo.blogspot.com</a>.'

//////////////////////////////===>

////Jangan Edit Script Di bawah ini/////////////

var ie4=document.all

var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)

document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')

else if (document.layers){

document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')

}

var curpos=scroller_height*(1)

var degree=10

var curcanvas="canvas0"

var curindex=0

var nextindex=1

function moveslide(){

if (curpos>0){

curpos=Math.max(curpos-degree,0)

tempobj.style.top=curpos+"px"

}

else{

clearInterval(dropslide)

if (crossobj.filters)

crossobj.filters.alpha.opacity=100

else if (crossobj.style.MozOpacity)

crossobj.style.MozOpacity=1

nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"

tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

tempobj.innerHTML=scrollercontent[curindex]

nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0

setTimeout("rotateslide()",pause)

}

}

function rotateslide(){

if (ie4||dom){

resetit(curcanvas)

crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)

crossobj.style.zIndex++

if (crossobj.filters)

document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20

else if (crossobj.style.MozOpacity)

document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2

var temp='setInterval("moveslide()",50)'

dropslide=eval(temp)

curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"

}

else if (document.layers){

crossobj.document.write(scrollercontent[curindex])

crossobj.document.close()

}

curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0

}

function resetit(what){

curpos=parseInt(scroller_height)*(1)

var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)

crossobj.style.top=curpos+"px"

}

function startit(){

crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub

if (ie4||dom){

crossobj.innerHTML=scrollercontent[curindex]

rotateslide()

}

else{

document.tickernsmain.visibility='show'

curindex++

setInterval("rotateslide()",pause)

}

}

if (ie4||dom||document.layers)

window.onload=startit

</script>