Cara Menciptakan Kotak Script Dalam Halaman Postingan Blog

Cara Membuat Kotak Script Dalam Halaman Postingan Blog

Hai, teman kali ini aku akan mengembangkan bagaimana cara menciptakan 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 alasannya yakni lebih berwarna dan bervariasi.

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

Adapun kotak script ini juga untuk blockquote yang sanggup anda gunakan semoga kata-kata yang dituliskan terlihat lebih yummy dibaca oleh pengunjung.

Berikut ini terdapat 7 kotak script yang sanggup dipakai untuk kalian semua yang sanggup 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 melaksanakan login terlebih dahulu

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

4. Pilih salah satu kotak script diatas lalu pastekan pada halaman HTML menyerupai berikut ini. teladan nya aku memakai kotak script Style Left Border dibawah ini.

5. Setelah di pastekan lalu klik Compose maka ini yakni hasilnya, kini tinggal masukan script HTML, CSS dan bahasa pemograman lainnya atau untuk menciptakan blockquote.

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

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

Sumber https://www.sobathusen.com/