Cara Membuat Menu Teks Slide Unik

Cara Membuat Menu Teks Slide di Blog
KerjaTerus.com - Pada kesempatan kali ini kerjaterus.com akan share tentang bagaimana cara membuat Menu Teks Slide di Blog . 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.kerjaterus.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.kerjaterus.com">www.kerjaterus.com </a>selamat mencoba tutorial disini! Terima Kasih...'
scrollercontent[1]='Silahkan Tinggalkan Komentar Anda? di <a href="http://www.kerjaterus.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-www.kerjaterus.com/106672159387732">Go to www.kerjaterus.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>