Scroll Menu Model Layar Buka Tutup Vertikal

Sebuah ruang menu yang sangat praktis karena bentuknya yang sangat kecil, simpel tapi menambah keindahan blog.  Satu kelebihan menu ini adalah bisa di modifikasi baik lebar, tinggi, warna maupun ukuran huruf, serta kecepatan bergulungnya layar.

Cara membuat Scroll Menu ini sebagai berikut:

1. Login ke Blogger --> Tata Letak ----> Elemen Laman.

2. "Klik" Javascript/HTML.



3. Copy paste kode di bawah ke dalam elemen halaman anda untuk anda coba dulu dalam template anda. Tempatkan dalam ruang Javascript/HTML kemudian SIMPAN/SAVE.

<p align="left"> *DAPOT SIBARANI*

<a href="http://dapotbarani.blogspot.com/">  </a></p>

<script type="text/javascript">

var tickercontents=new Array()

tickercontents[0]='  <a href="http://dapotbarani.blogspot.com/2010/03/seberapa-beratkah-blogmu.html"> - SEBERAPA BERATKAH BLOG MU...???</a> -'

tickercontents[1]='  <a href="http://dapotbarani.blogspot.com/2010/03/memasang-widget-translator.html"> - MEMASANG WIDGET TRANSLATOR</a> -'

var tickerwidth="210px"

var tickerheight="45px"

var fontcss="font: bold 12px Verdana; color:#fe342a"

var tickdelay=5000//delay btw messages

var highlightspeed=1 //1 pixels at a time.

var highlightcolor="#565bab"

var backdroptextcolor="#e2fe72"

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')

document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')

document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')

document.write('</div>')

var currentmessage=0

var clipbottom=1

function changetickercontent(){

msgheight=clipbottom=crosstick.offsetHeight

crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"

crosstickbg.innerHTML=tickercontents[currentmessage]

crosstick.innerHTML=tickercontents[currentmessage]

highlightmsg()

}

function highlightmsg(){

//var msgheight=crosstick.offsetHeight

if (clipbottom>0){

clipbottom-=highlightspeed

crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"

beginclip=setTimeout("highlightmsg()",20)

}

else{

clipbottom=msgheight

clearTimeout(beginclip)

if (currentmessage==tickercontents.length-1) currentmessage=0

else currentmessage++

setTimeout("changetickercontent()",tickdelay)

}

}

function start_ticking(){

crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg

crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter

crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement

if (parseInt(crosstick.offsetHeight)>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>

<p align="left"> -Silahkan kunjungi kami di -

<a href="http://dapotbarani.blogspot.com/">  </a></p>

anda hanya bisa mengubah yang berwarna hijau.kalau yang berwarna merah diubah akan merusak fungsi java script

Jika Anda Suka Tautan Ini,Silahkan Beri Voting Dengan Cara Klik Gambar Dibawah Ini :