SANGGARBisnisOnline.Com

Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog

Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog - Ketika saya membuat suatu artikel atau postingan yang mengandung Script/Kode HTML, kemudian bingung bagaimana cara meletakkan dalam kotak script yang biasanya para Blogger lakukan untuk melengkapi postingan, agar kode tersebut rapih tidak acak-acakan, memudahkan para pengunjung Blog untuk membedakan antara tulisan artikel dan kode script yang dilampirkannya, karena memang terus terang saya tidak terlalu paham akan hal itu, akhirnya alhamdulillah saya menemukan caranya di coldeja.com.

sumber gambar : pixabay.com


Baiklah Sobat Blogger, pada postingan kali ini saya akan sharing kembali dari apa yang saya dapatkan yaitu Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog, yang bisa temen-temen gunakan dalam postingan agar terlihat lebih rapih.

Ada banyak jenis script box yang bisa temen-temen gunakan, tinggal memasangnya saja dan mengatur ukuran serta warna, kalau mau silakan bereksperimen. Berikut Script Box yang bisa sobat blogger gunakan untuk meletakkan kode dalam postingan:

sumber gambar : pixabay.com

Kode Kotak Double-Border

<div style="background-color: #ace5f4; border: 3px #0180cf double; padding: 10px; text-align: left;">

MASUKKAN KODE HTML DISINI </div>

MASUKKAN KODE HTML DISINI

Kode Kotak Single-Border

<div style="background-color: #ace5f4; border: 3px solid #0180cf ; padding: 10px; text-align: left;">
          MASUKKAN KODE HTML DISINI </div>

MASUKKAN KODE HTML DISINI

Kode Kotak Border-Dotted

<div style="background-color: #ace5f4; border: 2px #0180cf dotted; padding:10px; text-align:left;">MASUKKAN KODE HTML DISINI</div> 
MASUKKAN KODE HTML DISINI


sumber gambar : pixabay.com

Kode Kotak Scroll Vertikal

<div style="background-color: white; border: 2px solid #0180cf; height: 70px; overflow: auto; padding: 5px; width: auto;">
          MASUKKAN KODE HTML DISINI
          DISINI JUGA
          SAMA DISINI
          KALO ADA DISINI JUGA
          </div>

MASUKKAN KODE HTML DISINI DISINI JUGA SAMA DISINI KALO ADA DISINI JUGA MASUKKAN KODE HTML DISINI DISINI JUGA SAMA DISINI KALO ADA DISINI JUGA

Kode Kotak Scroll Vertikal dan Horizontal

<div style="border: 2px solid #0180cf; height: 70px; overflow-x: scroll; overflow-y: scroll; width: auto;"> <div style="width: 1000%;">
          MASUKKAN KODE HTML DISINI
          DISINI JUGA
          SAMA DISINI
          KALO ADA DISINI JUGA</div>
          </div>

MASUKKAN KODE HTML DISINI DISINI JUGA SAMA DISINI KALO ADA DISINI JUGA

Demikian, temen-temen, Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog silakan sobat semua eksplore mengenai kode script kode ini, barangkali ada masukan saran untuk menambah model lainnya, satu lagi temen-temen bisa mengganti warna atau ukuran sesuai dengan keinginan sendiri. Ganti kode #0180cf untuk mengganti warna border, #0180cf untuk mengganti warna background, dan Merah untuk kode HTML. Semoga bermanfaat. Aamiin. Terimakasih
Rocky Sastradjumena
Rocky Sastradjumena Assalammu'alaikum, Sampurasun ijin perkenallkan saya Rocky Sastradjumena, Seorang Pengembara, Bernavigasikan Langit, Berusaha terus menggali Makna dan Hikmah dari berbagai Ilmu dan Pengetahuan yang bertebaran di Muka Bumi, Belajar, Belajar dan Terus Belajar. Apa yang disajikan, Semoga Bermanfaat. Terimakasih (Lead Yourself Before Leading Others - Keep Catur Watak - Silih Asah Asih Asuh Silih Wawangi), Siliwangi ngancik tina sanubari. Jaga Diri Jaga Keluarga Jaga Negara.

Post a Comment for "Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog"

Hosting Unlimited Indonesia
Surfe.be - Banner advertising service
coinpayu