CodeStyleMenu

Jumat, 19 Oktober 2012

Membuat Kotak Teks User Friendly di blog

Membuat kotak area teks yang friendly tidaklah sulit. Dengan menekan link TANDAI SEMUA, tulisan langsung terblok dan bisa di copy.

Pertama yang kamu lakukan adalah menempelkan kode berikut dalam template blogger kamu sebelum kode </head> :
<style>
.highlighttext{
background-color:yellow;
font-weight:bold;
}
</style>

<script type="text/javascript">

/*
by ycusoy*/

function selectcopy(fieldid){
var field=document.getElementById(fieldid) || eval('document.' fieldid)
field.select()
if (field.createTextRange){ //if browser supports built in copy and paste (IE only at the moment)
field.createTextRange().execCommand("Copy")
alert("Value copied to clipboard!")
}
}

</script>

dan untuk selanjutnya kamu tinggal menempelkan kode html di posting atau widget di blog :
<form name="test">
<a class="highlighttext" href="javascript:selectcopy('test.select1')">TANDAI SEMUA</a><br>
<textarea name="select1" rows=10 cols=35 >contoh di sini.contoh di sini.contoh di sini.contoh di sini.</textarea>
</form>

untuk memasukan kata atau kalimat yang akan di blok, ganti kata "contoh di sini" pada kode html.

Oke bro, semoga artikel ini bermanfaat untuk semua..

Hasilnya:


TANDAI SEMUA


Tidak ada komentar:

Posting Komentar

Berkomentarlah jika ada pertanyaan seputar artikel ini dengan santun bahasa Indonesia yang baik.

This Template - a Admin theme from yanto Cusoy. Converted by Bisnis Indonesia Baru.