Cara Membuat Text Area dengan Tombol (Select All)

Sekarang kita akan mempelajari bagaimana Cara Membuat Text Area beserta Tombol "Select All". Tombol ini berguna untuk mengcopy Text / Code Script secara otomatis. Jadi para sobat g perlu capek'' lagi mengcopy Code dengan manual. Ada 2 Metode , yaitu Menampilkan Text Area di Sidebar, dan Menampilkan Text Area di Postingan. 






Agar sobat g bingung ini contohnya :

Ywd, langsung aja ni trik nya :

 * Untuk Menampilkan Text Area di Sidebar
1. Login ke Blogger
2. Pilih "Rancangan", kemudian "Edit HTML"

3. Cari code </head>
4. Copy dan Paste code berikut ini tepat sebelum code </head> 

<script type="text/javascript">

function selectAll(){

document.formtombol.textarea.focus();

document.formtombol.textarea.select();

}</script>

<style type="text/css">

div.textareatombol{

width:430px;

border:4px solid;

border-color:#D8D8D8;

background-color:#A4A4A4;

padding:10px;

}</style>

5. Simpan/Save Template
6. Buka Tata Letak, kemudian pilih tambah Gadget dan Pilih "HTML/JavaScript"
7. Copy dan Paste code berikut ini pada Gadget tersebut.

<center><div class="textareatombol"> <form name="formtombol" > <textarea cols="50" rows="3" name="textarea">"Disini adalah tempat untuk mneyisipkan text/code"</textarea> </form> <input type="button" name="selectit" value="Select All" onclick="selectAll ();"> </div></center>

8. Simpan/Save

Good Luck y sobat...
luangkan watunya buat comment di bawah y...

Artikel Terkait

Widget by [ Kediri Blogger ]

Bagikan