Membuat Daftar Link dengan Efek Up Dan Down

 
Deari Ke-u akan mencoba Membuat Daftar Link dengan Efek Up Dan Down Kotak Box ini gak hanya untuk link saja bennerpun bisa dengan adanya kotak box ini akan menghemat tempat dan Dengan Sentuhan Efek up dan down otomatis link akan bergerak keatas dan kebawah gak hanya itu Up dan down ini juga banyak lebihanya selain buat wadah link ini juga bisa Berfungsi sebagai Back To top Untuk demonya langsung bisa dilihat disini...? Liat Aja Blog saya..?

langsung ajadeh gimana cara masangnya ikuti dibawah ini oce...?
1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman >
    Klik Tambah Gadget>HTML/Java  Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini...
    lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<script type="text/javascript">

/******************************************
* Scrollable content script II- &#169; Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=5

if (iens6){
document.write('<div id="container" style="position:relative;width:88%;height:60px;border:1px solid rgb(51, 51, 51);overflow:hidden;padding:10px;margin-bottom:6px">')
document.write('<div id="content" style="position:absolute;width:100%;left:0;top:0">')
}
</script>

<ilayer name="nscontainer" width=175 height=60 clip="0,0,175,160">
<layer name="nscontent" width=175 height=60 visibility=hidden>

<!--INSERT CONTENT HERE-->
<div style="padding:10px;margin-bottom:6px">

<a href="http://mobile-theme.org" target="_blank"><div title="[:: Blog Sahabat ::]"> Download Tema Hp </div></a>

<a href="http://widodoclalucyank.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]"> Mi-Five </div></a>

<a href="http://anto-novianto.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]"> Novianto </div></a>

<a href="http://elmokodompit.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]"> Nugraha Rusdi </div></a>


<a href="http://senyumanterindah-ariefntuconan.blogspot.com/" target="_blank"><div title="[:: Blog Sahabat ::]"> M.Arief </div></a>

<a href="http://jai-ahi.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]"> Azainuri </div></a>

<a href="http://iceputri.blogspot.com/" target="_blank"><div title="[:: Blog Sahabat ::]"> Ice Puteri </div></a>

<a href="http://aniesis.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]">Triani </div></a>

<a href="http://felice-vita.blogspot.com/" target="_blank"><div title="[:: Blog Sahabat ::]">Raisa </div></a>

<a href="http://sitimaimunah.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]">Siti Maimunah </div></a>

<a href="http://suciapriyuni.blogspot.com" target="_blank"><div title="[:: Blog Sahabat ::]">Suci </div></a>

<a href="http://eriklb.blogspot.com/" target="_blank"><div title="[:: Blog Sahabat ::]">Erik Riyandi </div></a>

<a href="http://dolpinmi5.blogspot.com/" target="_blank"><div title="[:: Blog Sahabat ::]">Dolpin </div></a>
</div>
<!--END CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>
<table width="180px"><td>
<p align="center">
<a href="#" onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)"> <b>Up</b> </a>
<b>-</b>
<a href="#" onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)"> <b>Down</b> </a></p></td>

</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

Catatan :
1. Silahkan  link Dengan Link Blogroll anda
Selamat Mencoba Semoga Sukses