Cara Membuat Kotak Area Copy Paste Html / Javascript scroll

Dalam membuat sebuah postingan yang barkaitan dengan Bahasa program seperti Html / Javascript pada blogger,Tentu membutuhkan sebuah kode pembentuk untuk menampilkan atau tempat kode HTML yang akan di publikasikan,dan kode itu sering di seubut dalam dunia blogging yaitu Kotak area copy paste.Dalam mengenal kotak area copy paste ini ada banyak sekali macamnya,Mulai dari yang bisa untuk di scroll,non scroll dan lain sebagainya.

Cara membuat kotak area copy paste scroll Untuk blogger Blogspot - Cara yang di butuhkan hanyalah mengetahui cara menempatkan kodenya saja dan kode yang di butuhkan juga harus ada ,seperti sebuah Kode html Kotak area copy paste.Dan untuk itu blog mywapgoblog akan menyajikan sejumlah kode yang bisa di gunakan dan di pasangkan ke dalam postingan blog untuk membuat dan mearuh kode seperti Html ,Javascript ,Text biasa dan bahasa program lainnya.

Mengapa harus menggunakan kotak area copy paste ? Ini mungkin agar bisa membedakan mana tulisan biasa dengan kode html pada sebuah postingan blog.Apalagi jika sebuah blog menyajikan tentanng kumpulan cara misalkan ,untuk membuat tema template di blogger, memasang menu widget dengan kode html tambahan dan bisa juga seputaran pengeditan customize tampilan template untuk blog.

Cara untuk membuat kotak area copy paste yang bisa di scroll bisa di lihat contohnya seperti gambar di atas,Kode untuk membuatnya akan di bagikan pada postingan kali ini,Jika selama ini kamu ingin membuat sebuah kotak area tempat kode seperti html dan javascript dan bisa untuk di scroll,Maka kamu bisa mencoba dengan menggunakan Kode html di bawah ini dan juga cara untuk membuatnya,Jika begitu silahkan simak di bawah ini untuk tutornya.

Cara membuat dan memasang Kode kotak area copy paste scroll.

Cara untuk membuatnya,kamu juga perlu mengetahuinya agar nanti jika menggunakan kodenya maka akan berjalan dengan lancar maksimal dan sesuai dengan keinginan mu sendiri,Inilah cara membuatnya melalui postingan blog.

1. Pertama silahkan kunjungi akun blogger mu.

2. Jika sudah,anggap saja ini hanyalah sebuah percobaan agar bisa mahir nantinya,Klik saja Postingan dan Pilih New Entri,

3. Setelah di halaman penulisan Postingan,(new entri) Jangan lupa untuk memilih Mode HTML .

4. Setelah memilih mode html,pastekan kode html kotak area copy pastenya di halaman tersebut,Jika sudah ,klik mode COMPOSE lagi.maka akan terbentuk sebuah Kotak areanya.

5. Jika kotak areanya sudah muncul dan berhsil ,maka kamu bisa menempatkan kode HTML yang akan di publikasikan ke postingan blogmu,Jika kamu bingung untuk membuatkan jarak untuk membuat baris baru yang terhalang oleh kotak border Kode copasnya,Klik mode HTML lagi dan beri tanda (.) pada akhiran tag seperti </dive> .

6. Kemudian klik mode compose lagi,dan tekan enter pada tanda titik yang sudah di masukan tadi,ini untuk membuat jarak dan agar lebih mudah jika ingin menulis lebih lanjut.

7. Pastikan juga ,kamu sudah mengaktifkan Mode Gunakan tag <br> untuk membuat baris baru dan bukan menggunakan enter untuk membuat baris baru.cara megaturnya,klik di samping penulisan posting pada Ikon gear pilihan.


Jika kamu sudah mengetahui cara untuk membuat kotak dan memasang kotakny di dalam penulisan postingan,maka selanjutnya kamu perlu dan membutuhkan kode html untuk membuat kotak area copy paste yang bisa di scroll,Berikut ini di bawah kodenya silahkan di pilih dan di coba satau persatu ,da mana menurutmu yang paling bagus hasilnya.


Kode Kotak area text Copy paste Untuk HTML/javascript yang bisa di scroll.

Di bawah ini adalah kode untuk mmbuat text copy paste untuk html / javascript yang bisa di scroll dan tentnunya cocok untuk blog tutorial yang menyajikan kode program dan lain sebagainya,silhakn di copy dan baca sekali lagi cara menggunakannya di atas.

1. Kode Html Text Copy paste scroll 1.

<div style="background-color: white; border: 2px solid gray; height: 100px; overflow: auto; padding: 5px; width: auto;">
 TULSAN DISINI
</div>

2. Kode html text copy paste dengan scroll 2

<div style="background-color: antiquewhite; border: 2px solid blue; height: 100px; overflow: auto; padding: 5px; width: auto;">
TULSAN DISINI
</div>

3. Kode html Text area copy paste bisa di scroll 3.

<div style="border: 2px solid black; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">
TULISAN DISINI</div>
</div>

4.Kode html text area copy paste scroll 4.

<div style="background-color: antiquewhite; border: 2px solid brown ; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">
TULISAN DISINI</div>

5. Kode html Text area copy paste untuk di scroll 5.

<div style="border: 3px #00000 solid; padding: 10px;background-color:#00000;
overflow: auto; height: 100px; width: 520px;
text-align: left;">
.kode script disini.</div>

Perhatian:
Jika kamu ingin mengubah kode di atas agar tampilannya sesuai dengan selera mu,maka kamu bisa mengganti beberapa Angka seperti pada border 2px ,bisa di ubah menjadi 0px,1px seterusnya,dan kamu juga bisa mengubah warna backgroundnya untuk kode html no 5,2 dan 4 yang terletak pada background,dan dalam memasukan kode html ,sebaiknya pelan pelan saja agar semuanya berjalan lancar.

Bailklah sobat mungkin hanya itulah cara atau tutorial yang blog mywapbgoblog tutorialkan pada kali ini,Postingan ini mendapatkan kode kode pembuat kotak areanya bersumber dari blog https://www.bloginjase.club/2019/10/cara-membuat-kotak-script-pada-blog.html dan di publikasikan kembali di sini,jadi apabila ada kesilapan dan kesalahan atau kesamaan kata maupun kode ,itu sudah wajar wajar saja,karena yang di butuhkan hanyalah ilmunya saja.

Dan akhir kata,itulah cara yang bisa di gunakan untuk membuat sebuah kotak text area tempat copy paste kode html/javascript untuk blogger blogspot.Kamu bisa membaca dari awal jika masih newbi,cara membuat dan menempatka kodenya.

Mohon maaf bila ada kesilapan dan terima kasih atas kunjungannya,jangan lupa komentar untuk memastikan sudah mengunjungi blog ini ya.

wassallam.