Cara Membuat Kotak Script Dalam Halaman Postingan Blog

Cara Membuat Kotak Script Dalam Halaman Postingan Blog

Hai, sobat kali ini saya akan berbagi bagaimana cara membuat Kotak Script Dalam Halaman Postingan Blog.

Kotak Script Dalam Halaman Postingan Blog berfungsi untuk menempatkan script HTML, CSS dan bahasa pemograman lainnya supaya lebih kelihatan rapih dan terlihat keren dan pembaca pun akan lebih tertarik dengan adanya kotak script karena lebih berwarna dan bervariasi.

Biasanya Kotak Script ini di isi dengan source code HTML, CSS maupun bahasa pemograman lainnya. seperti penulisan koding C++ atau pun PhP alangkah lebih baiknya dimasukan ke dalam kotak script agar lebih kelihatan rapih dan terlihat jelas oleh pengunjung blog.

Adapun kotak script ini juga untuk blockquote yang bisa anda gunakan agar kata-kata yang dituliskan terlihat lebih enak dibaca oleh pengunjung.

Berikut ini terdapat 7 kotak script yang dapat digunakan untuk kalian semua yang dapat dimasukan kedalam postingan blog anda. antara lain :

1. Kotak Script Style Minimalis

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">TULIS KODE SCRIPT ANDA DISINI</div>

2. Kotak Script Style Left Border

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">TULIS KODE SCRIPT ANDA DISINI</div>

3. Kotak Script Style Dotted

<div style="background-color: #d580fe; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">TULIS KODE SCRIPT ANDA DISINI</div>

4. Kotak Script Style Double

<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;">TULIS KODE SCRIPT ANDA DISINI</div>

5. Kotak Script Style Dashed

<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;">TULIS KODE SCRIPT ANDA DISINI</div>

6. Kotak Script Style Scroll

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">TULIS KODE SCRIPT ANDA DISINI</div>

7. Kotak Script Highlight All

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div> <div align="center"> <br /> <textarea cols="20" name="txt" rows="4" style="height: 50px; width: 500px;" wrap="VIRTUAL">TULIS KODE SCRIPT ANDA DISINI

Cara memasang kotak script dalam postingan blog

1. Pertama masuk ke halaman dashbord blog dengan melakukan login terlebih dahulu

2. Pilih menu postingan kemudian klik entri baru
3. Pada Halaman entri terdapat 2 alternatif yaitu Compose dan HTML kemudian pilih HTML

4. Pilih salah satu kotak script diatas kemudian pastekan pada halaman HTML seperti berikut ini. contoh nya saya menggunakan kotak script Style Left Border dibawah ini.

5. Setelah di pastekan kemudian klik Compose maka ini adalah hasilnya, sekarang tinggal masukan script HTML, CSS dan bahasa pemograman lainnya atau untuk membuat blockquote.

Sekian Cara Membuat Kotak Script Dalam Halaman Postingan Blog semoga membantu sobat sekalian, mohon maaf apabila ada kesalahan dalam pengetikan dan terimakasih telah mengunjungi. Apabila sobat ingin bertanya dapat contact saya. Pepatah bilang “Malu bertanya sesat di jalan” jadi jangan malu bertanya ya sobat!!!

Sebelum sobat menutup artikel ini, mohon saran dan komentarnya di kolom komentar apa kekurangan dan kelebihan Cara Membuat Kotak Script Dalam Halaman Postingan Blog ini ? supaya saya bisa memberikan artikel yang terbaik. Jika sobat merasa artikel ini bermanfaat mohon untuk di share artikel ini “ Ilmu tidak akan hilang apabila di tuliskan dan di amalkan “ Wassalamualaikum Wr.Wb.