Cara Terbaru Membuat Kotak Script Di Dalam Postingan Blogspot

Hai kalian. jumpa lagi dengan saya Admin ganteng tapi enggak cantik ini, terima kasih sudah berkunjung lagi, dan dikesempatan kali ini saya akan menulis dan membagikan tutorial yang mungkin sudah banyak yang tau dan mungkin juga sudah banyak yang menggunakannya, tapi tak ada salahnya kini saya ulas lagi di dalam artikel saya kali ini. Tema kali ini tentang cara membuat kotak script yang kegunaannya untuk menaruh tulisan atau code script baik itu yang biasa maupun dengan fungsi scroll agar dipandang terlihat rapi dan teratur saja, dan yang ada di dalam sebuah postingan blogspot maupun wordpress atau website yang lain. sebut saja namanya text box area. Sehingga pengunjung terasa nyaman ketika sedang membaca artikel kita. Dan untuk membuatnya pun sangat sederhana hanya memasang atau membuat sebuah kotak html di dalam blog kita, lalu kita hanya perlu memasukkan dan menambahkan kode script ke dalam postingan blog, ini pun bisa kita atur bentuknya warnanya yang ada di kotak script tersebut, agar tampilannya terlihat lebih keren dan bagus.

Untuk caranya pun sudah saya persiapkan tinggal kalian copy dan di praktekkan di dalam blog milik kalian, oh iya sebelum melangkah mengcopy-copy alangkah baiknya kalian tau dulu soal asal script ini dan siapa yang menemukan dan yang membuat pertama kalinya, saya sendiri kurang paham soal asal usulnya sebuah script ini, dan saya pun dapatnya dari waktu selagi pas jalan-jalan ke area kota google gays, browsing maksut saya. hehehe.. !! Oke tak masalah lah selagi kita mau berbagi lagi, malah yang membuat script ini dapat pahala banyak ya. Yuk kita langsung saja cara membuatnya, langsung kita lihat dibawah:

Langkah Membuat Kotak Script Di Dalam Postingan

1. Kalian bikin kotak teks html yang dimana letaknya di menu dashboard blog, setelah itu kalian klik Entri Baru yang dapat untuk membuat artikel baru, dan yang akan ditambahkan kotak script tersebut, Setelah kebuka jangan lupa memberi isi judul dan bila sudah kalian isi tinggal klik Mode HTML.

2. Masih di dalam mode html ya, tinggal kalian copy di bawah ini kedalam teks.

<div style="background-color: white; border: 3px #eeeeee solid; padding: 10px; text-align: left;">Masukkan Kode Script Kalian Disini</div>

# Yang perlu kalian ganti adalah tulisan berwana merah, itu kalian ganti dengan tulisan atau script yang hendak kalian masukkan ke dalam kotak. Dan untuk melihat hasilnya tinggal kalian geser ke Mode Compase dan lihat hasilnya.

3. Jika kalian ingin menggunakan scroll pada kotak script tersebut, tinggal kalian ganti tulisan warna biru yang ada di dalam kode script.

<div style="background-color: white; border: 3px #eeeeee solid; padding: 10px; text-align: left;height: 100px; width: 520px; overflow: auto;">Masukkan Kode Script Kalian Disini</div>

# Untuk mengubah atau mengatur ukuran bisa kalian ubah dengan angka height (tinggi) dan yang width (lebar) nya.

Bila di rasa sudah sesuai dengan apa yang kita inginkan tinggal kalian klik Publikasikan untuk mengepost artikel kita. Selesai..

4. Dan berikut ini saya kasih tambahan kotak script teks box yang bisa kalian pilih, Sesuai warna dan bentuknya, agar terliat lebih bagus dan keren, tinggal kalian copy di bawah ini:

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;">Kode Script Kalian Disini</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Kode Script Kalian Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Kalian Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script Kalian Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Kalian Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Kalian Disini</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;">Kode Script Kalian Disini</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;">Kode Script Kalian Disini</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;">Kode Script Kalian Disini</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;">Kode Script Kalian Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Kalian Disini</div>

# Jika kalian pingin mengubah atau menambahkan scroll tinggal kalian tambahkan kode height dan widht dan juga overflow untuk caranya seperti dalam tahap nomor 3 di atas tadi.

Nah itulah panduan Cara Terbaru Membuat Kotak Script Di Dalam Postingan Blogspot hasil dari browsing saya di google, oh iya kalau menggunakan script di atas saya sarankan menggunakan hp saja gays, soalnya saya coba melalui pc gak berhasil ok, dan semoga bisa bermanfaat ya..