cara membuat form select all di blog

Membuat kotak form select all di halaman blog berpungsi untuk berbagai keperluan, salah satu contoh pemakaian form select all ini pada halaman blog adalah untuk keperluan tukar link, dimana kita menyematkan code link di form select all untuk dicopy pengunjung halaman blog dengan mudah. Oke saya berpendapat dengan anda bahwa kita semua sudah memahami berbagai fungsi form select ini, untuk itu kita langsung saja menuju TKP untuk tutorialnya. Lihat gambar dibawah ini untuk tampilan screen shootnya..

Install Program CSS

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi


.BD-select input {
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-style: italic;
padding:5px 30px 5px 10px;border-radius:0 15px 0 0;
font-weight: 700;
}
.BD-select textarea {
background-color:#E0E0E0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990000;
font-style: italic;
padding: 5px;
border-radius:0 0 5px 5px;
font-weight: normal;
width: 300px;
height: 140px;
}




5. Setelah CSSnya terpasang saatnya kita memanggil kode HTMLnya dengan memasang dibagian mana saja pada halaman blog anda,
   Untuk tutorial kali ini saya mencoba untuk memasangnya pada widget blog .
6. Untuk memasang di widget blog pilih " Tata Letak "
7. Dalam postingan kali ini saya mimilih widget dibawah halaman.
8. klik " Add Gadget " setelah anda klik kemudian pilih " HTML/JavaScript "
9. Copy code dibawah ini dan pastekan kedalam widget tersebut.


<div class="BD-select" ><form name="select">
<div ><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select ALL"> </div>
<div><textarea name="txt">
Ini adalah hasil text value select all. dapat di isi dengan code, dan text.
Edit CSS nya sesuai dengan tampilan halaman blog anda
Semoga bermanfaat untuk anda
</textarea></div></form> </div>



10. Save perubahan dan lihat hasilnya.
    
    

Kesimpulan

Ganti tulisan warna BIRU dengan text atau code anda

Untuk lebih kreative silahkan edit code CSS nya baik itu warna dan tampilannya sesuai dengan tampilan halaman blog anda agar lebih serasi.

Form Select All pada halaman blog dapat berguna sebagai tempat berbagai Text dan code html serta script agar lebih mudah untuk dicopy para pengunjung halaman blog.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 9:17 PM