Blognya LOL1ds.: Membuat Text Area dengan sensitif button up down

 

3 hari kemaren dari tanggal posting ini, blognya LOL1ds memasang widget tambahan yang dipasang untuk menampung link X- change teman – teman sahabat Lolidsonline dalam tab BLOGROLL . Mungkin jika ada yang sempat berkunjung di blognya LOL1ds ini tau penampakannya karena hari ini LOL1ds sengaja rubah lagi dikarenakan waktu pemasangan cuman test coding saja dan Alhamdullilah selama 3 hari lancar – lancar saja itu scripts.

dan hari ini, waktu buka e-mail kebetulan juga ada reQuest dari sahabat yang sempat mampir di blognya LOL1ds ini. Menanyakan bagaimana membuat TEXT AREA animasi button tersebut karena mau dipasang di blog IKLAN-nya untuk daftar penerima TRANFER-ran, tapi sayangnya si Sahabat engga’ mau disebutin identitasnya alias ANONYMOUS… (admin ttp jaga privacy-nya).

Ok dach gpp, yang penting Blognya LOL1ds bisa berbagi / share Ilmu  nge-Blog buat sahabat – sahabat yang masih setia berkunjung di blognya LOL1ds ( untuk semua itu terimakasih sahabat ).  Jangan lupa donk untuk baca setiap posting yang ada di Blognya LOL1ds tinggalin Komentar ya.. biarpun cuman “A” atau “B”.. hehe..

## Reff :

To the point lagi, untuk membuat Text Area dengan sensitif button ( down – up ) ikuti langkah – langkahnya berikut ini :

1. Login ke dasbor sobat
2. masuk ke rancangan / setting template
3. lalu add widget / tambah halaman.
4. Copy Paste code / script dibawah ini kedalam widget tersebut .

code :

<!-- LOL1ds display begins -->
<style type="text/css">
.wwcp {font:9px  sans-serif; background-color:white; color:#223D75; border:none;} 
</style>
<table width="250" cellpadding="3" cellspacing="0" style="z-index:3; border:0 solid

#000000;border-collapse:collapse;">
<tr><td align="center" style="border:2px inset white; padding:0px 0px 0px 0px;">
<div id="WXintcontainer" style="position:relative;width: 250px; height: 140px; z-index:1;

overflow:hidden; font-family: arial; .art. font-size: 12px; background: white; color: black;">
<div id="WXintscrollBox" style="position:relative;left:0px;top:0px;width: 250px;

z-index:2;text-align:center; padding:1px 4px 8px 4px; font-family: arial;

font-size: 12px; background: white; color: black;">
<center><p>

TARUH TEXT / TULISAN / alamat URL sobat disini

</p>
<p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="37%">
  <tr>
    <td width="100%"><center><font size="1">
    <a href="http://lolidsonline.blogspot.com">widget by LOL1ds</a></font></center></td>
  </tr>
</table></p>
</div>
</div></td></tr>
<tr><td align="center" .art. style="border-collapse:collapse;border:0;">
<script type="text/javascript">

  var wxintup=0;
if(document.all){
   var wxintmove=20;
   }
else{
   var wxintmove=30;
  }
function WXintup(){
  if(wxintup == 0){
    return false;
  }
  else{
wxintup += 2;
document.getElementById('WXintscrollBox').style.top=wxintup+"px";
if(wxintup == 0){
    WXintuFlag=false;
  }
}
if ( WXintuFlag) setTimeout('WXintup()',wxintmove);
}
function WXintdown(){
  var wxinttopA = document.getElementById('WXintscrollBox').offsetHeight;
  var wxinttopB = document.getElementById('WXintcontainer').offsetHeight;
  var wxintbotHeight = wxinttopB - wxinttopA;
if(wxintup == wxintbotHeight){
   return false;
  }
else{
wxintup -= 2;
document.getElementById('WXintscrollBox').style.top=wxintup+"px";
if((wxintup == wxintbotHeight) || (wxintup == wxintbotHeight-1)){
    WXintdFlag=false;
  }
}
if (WXintdFlag) setTimeout('WXintdown()',wxintmove);
}
</script>

<input type="image" src="http://lol1ds.googlecode.com/files/LOL_down.gif" value="-"
onmouseover="WXintdFlag=true;setTimeout(&#39;WXintdown()&#39;,100)"

onmouseout="WXintdFlag=false" .art. width="33" height="18" />
<input type="image" src="http://lol1ds.googlecode.com/files/LOL_up.gif" value="+"
onmouseover="WXintuFlag=true;setTimeout(&#39;WXintup()&#39;,100)"

onmouseout="WXintuFlag=false" width="33" height="18" />
</td></tr></table>
<!-- LOL1ds disply ends -->

Keterangan :

• rubah angka yang berwarna BIRU untuk atur Lebar / Tinggi kotak.
• Taruh Text / Tulisan / URL sobat pada warna MERAH
• tolong jangan rubah code / Scripts diatas untuk ke-aslian codingnya.
• silahkan Copy paste artikel diatas / code scriptsnya, jangan lupa ya kasih sumbernya untuk code etik blogger. (trimakasih)

PRIPIUW klik DISINI: ( widget BLOGROLL )

cukup sekian ya, semoga postingan kali ini cukup bermafaat buat tambahan widget di blog sobat jika tertarik.

 

wassalamu’alaikum Wr.Wb.

 

tag : membuat text area animasi, tombol animasi text area, text area, animasi button, sensitif botton.

Related Tips, Tricks and Tutorials :