r00t »» , »» Membuat Text Area dengan sensitif button up down

Membuat Text Area dengan sensitif button up down

by LOLids artich | | , | 3 komentar »


 

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.







Article information: Description: Membuat Text Area dengan sensitif button up down Rating: 4.5 - Reviewer: LOLids artich - ItemReviewed: Membuat Text Area dengan sensitif button up down


Related Tips, Tricks and Tutorials :



3 komentar Post :
Membuat Text Area dengan sensitif button up down


NOTE:
Follow me ON Facebook , Twitter or

Blog ini adalah Blog DoFollow dengan PageRank Free PageRank Checker, sobat akan mendapatkan Backlink untuk BLOG anda dengan berkomentar di Blog ini. Jangan ada komentar Spam, Please!!.

"Jika Menemukan LINK yg Tidak bisa di akses pada BLOG ini!, silahkan beritahu kepada kami melalui Komentar, Form, etc . sesegera mungkin kami akan memperbaikinya. Terimakasih"




  1. hendrajaya ►► [ reply ] [ Jump to TOP ] ► Tue Apr 12, 07:05:00 pm 2011  

    wiih keren sob...

  2. LOL1ds ►► [ reply ] [ Jump to TOP ] ► Wed Apr 13, 03:49:00 am 2011  

    @hendrajaya ~ thanks brow komentarnya :)

  3. musafir ►► [ reply ] [ Jump to TOP ] ► Wed Apr 13, 10:39:00 am 2011  

    trimakasih tipsnya bermanfaat sekali.

Post a Comment

Next Prev Home