HOME

▼

Kamis, 05 Januari 2012

TEXTAREA







Catatan :

1. Jika diperlukan rubah lebar texarea dengan merubah width:500px; (bisa juga dengan width:auto;)

2. Untuk merubah tinggi texarea ganti nilai pada KODE ---> row="..."

3. Nama paijo pada paijo_area dapat diganti dengan sembarang nama !

4. Untuk merubah ukuran font ganti KODE : font-size:12px; dengan ukuran yang dikehendaki .

5. "Highlight Text" pada : value="Highlight Text" dapat diganti dengan text lain seperti "Select All"

di Tidak ada komentar:

Cara Membuat jQuery Loader


1.  Login ke Blogger
2. Halaman Dasbor (Dasboard)
3. Klik Rancangan (Design)
4. Klik Edit HTML
5.  Cari kode <head>
6.  Copy-Paste: Copy dan pastekan javascript dan kode CSS berikut di bawah kode <head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script src='http://jquery-loader.googlecode.com/files/jQuery-GR_loader.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
.QOverlay{background:#000;z-index:9999999;}
.QOverlay:before,.QOverlay:after{display:block;position:absolute;left:0;text-shadow:0 0 15px #aaa;width:100%;text-align:center;font-size:16px;font-weight:bold;}
.QOverlay:before{color:#666;top:350px;content:"Refresh jika loading terlalu lama ....!!!"; }
.QOverlay:after{top:250px;color:#f00;content:"Loading...";text-decoration:blink;}
.QLoader{background:#ccc;height:1px;}
</style>

Cari kode </body>
Copy-Paste: Copy dan pastekan javascript berikut di atas kode </body>

<script type="text/javascript">
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>

7.  Klik kode Save Template
8.  Cek hasilnya dengan membuka blog!

Keterangan/Catatan:

Buka menu Special Tutorials di deret menu sebelah kiri jika membutuhkan panduan tentang cara menyimpan kode HTML dan cara cepat mencari kode HTML menggunakan Ctrl + F
Jika sebelumnya blog telah menggunakan jQuery-1.3.2.min.js atau jQuery yang setara dengan fungsi jQuery-1.3.2.min.js, cukup gunakan satu buah jQuery saja.
Sumber: http://www.gayadesign.com/
di Tidak ada komentar:

Cara buat Box dg Efek Gelap-Terang (Fade Effect) CSS3

Photobucket

Contoh :


Kode CSS Box Terang Gelap :
.mybox{
position:relative;
display:block;
width:200px;
max-height:400px;
background:#fff;
color:#000;
overflow:auto;
padding:20px 15px;
margin:20px 5px;
border:2px solid #777;
border-radius:6px;
opacity:0.2;
filter:alpha(opacity=20);
transition:1s;
-o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
.mybox:hover{
opacity:1.0;
filter:alpha(opacity=100);
}


xHTML


<div class="mybox">
Letakkan teks, image atau yang lainnya di sini!
</div>


xHTML dengan tag p

<p class="mybox">
Letakkan teks, image atau yang lainnya di sini!
</p>


Contoh xHTML
<div class="mybox">
<a href="http://..../images/myphoto.jpg" title="my photo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpD85iu9Qgh1lHXzWPB9xVWFysY_WfwAxwe8qWhKXrKlJkQmdOdS1xwP_NuLY_5Ne9B3dvoMM5U7hxYAeeL4AcD0z8yu6oifAz2mamNWxRyHD2zVQsJRp8DbyldKqMTAv7aug0MJbz000/s320/myphoto.jpg" width="200" height="150" style="float:left;margin:5px 10px 5px 0;padding:3px;border:2px solid #222;border-radius:6px;" /></a>Photo masa kecilku ketika main petak umpet kemudian tiba-tiba kebelet e'ok!
</div>
di Tidak ada komentar: