Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Wednesday, August 7, 2013

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..


cara membuat form select all di blog

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

  5. .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;
    }



  6. 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 .
  7. Untuk memasang di widget blog pilih " Tata Letak "
  8. Dalam postingan kali ini saya mimilih widget dibawah halaman.
  9. klik " Add Gadget " setelah anda klik kemudian pilih " HTML/JavaScript "
  10. Copy code dibawah ini dan pastekan kedalam widget tersebut.

  11. <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>


  12. 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.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 9:17 PM

2 comments :

  1. trima kasih mas infonya ..
    mas kalau mau membuat form select all di dalam postingan , seperti punya anda gimana mas rivai ...?

    ReplyDelete
    Replies
    1. sabar ya nanti akan saya posting saya masih menyempurnakan scriptnya agar tidak terlalu berat dan mempengaruhi tag tag html yang lainnya, agar lebih stabil bekerja pada tag html / xml

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog