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>