BLOG-ADSENSE
Tutorial
Cara Membuat Box/Kotak Copy Paste Di Dalam Artikel Blog
1. Pertama-tama silahkan anda masuk ke dalam blog anda
2. Kemudian buatlah sebuah artikel yang yang sesuai dengan keinginan anda
3. Apabila di dalam artikel yang anda tulis tersebut ada sebuah kata atau kalimat yang anda anggap penting maka siapkan tulisan tersebut untuk anda masukkan ke dalam box kotak copy paste nantinya.
4. Selanjutnya klik menu “html” yang terletak pada bagian sebelah kiri atas postingan anda, seperti terlihat pada gambar di bawah ini
5. Selanjutnya silahkan anda copy script yang ada pada kotak di bawah ini
<textarea cols="35" rows="6">Teks yang ingin dimasukan</textarea><br />
6. Pada tulisan "teks yang ingin dimasukkan"tersebut di atas silahkan anda ganti dengan kata-kata atau kalimat yang ingin anda masukkan ke dalam kotak copy paste tersebut.
7. Jika sudah maka silahkan klik tulisan menu “compose” yang terlihat seperti pada gambar di bawah ini
PENJELASAN PADA SCRIPT :
Untuk "rows"=6 adalah tinggi dari text area, jadi jika anda menginginkan text area yang lebih tinggi silahkan anda ganti dengan angka yang lebih tinggi.
Untuk cols="35" adalah lebar dari text area, jadi jika anda menginginkan text area yang lebih lebar silahkan anda ganti dengan angka yang lebih tinggi
CARA 2 :
1. lakukan langkah yang sama seperti pada cara 1 di atas mulai dari langkah 1 sampai langkah 4.
2. Selanjutnya silahkan anda copy script yang ada di dalam kotak di bawah ini :
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">MASUKKAN TULISAN ANDA DISINI</textarea></p></form></div>
3. Pada tulisan "MASUKKAN TULISAN ANDA DISINI" di atas tersebut silahkan anda ganti dengan kata-kata atau kalimat yang ingin anda masukkan ke dalam kotak copy paste tersebut.
4. Jika sudah maka silahkan klik tulisan menu “compose” yang terlihat seperti pada gambar di bawah ini
5. Maka anda akan melihat hasilnya seperi pada contoh di bawah ini
PENJELASAN PADA SCRIPT :
- <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
- <inputonclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda tak perlu merubah tulisan ini.
- Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
- <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
- <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:500px;"
- HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.
Apabila semua cara tersebut di atas dapat anda terapkan dengan baik maka saya yakin anda akan berhasil dalam membuat kotak copy paste yang pada akhirnya akan sangat bermanfaat buat perkembangan dan kemajuan blog anda sehingga dapat membuat pengunjung menjadi senang dalam melihat dan membaca blog anda.
Demikianlah tutoral mengenai cara membuat box kotak copy paste di dalam artikel blog, semoga artikel ini dapat bermanfaat buat anda yang membutuhkannya dan jangan lupa untuk melihat artikel menarik lainnya di dalam blog IndoINT.
.
Sumber http://kherysuryawan.blogspot.com/
Selain sebagai media informasi pendidikan, kami juga berbagi artikel terkait bisnis.
-->