Cara Membuat Kotak Script Di Dalam Postingan Blog

Cara Membuat Kotak Script Di Dalam Postingan Blog


Pelajar Design - Kotak Script adalah sebuah kotak yang didalamnya dapat dimasukkan beberapa kalimat atau Script kode agar tidak merusak tampilan Blog. Kotak Script yang kita buat ini tidak disediakan oleh blogspot, oleh karena itu kalian harus membuatnya sendiri.

Banyak blogger yang menggunakan Kotak Script untuk menyimpan tulisan atau kode pada artikelnya agar terlihat keren dan elegan. Kotak Script inni juga dapat digunakan untuk menyimpan informasi penting yang ingin kalian beritahu.

Pada postingan ini saya akan memberi tutorial Cara Membuat Kotak Script Di Dalam Postingan Blog. sebenarnya ada Kotak Highlighter yang fungsinya sama, yaitu untuk menyimpan kode dalam postingan blog.

Cara Membuat Kotak Script Di Dalam Postingan Blog

1. Login ke Blogger.com.
2. Buat Entri Baru atau Postingan Baru.

Membuat Entri Baru

3. Kemudian masuk ke menu HTML.

Masuk Ke Menu HTML

4. Lalu tambahkan kode yang telah Pelajardzgn.my.id siapkan dibawah.

Memasukkan Script

5. Untuk melihat hasilnya tinggal klik Compose.

Hasil Akhir

Kumpulan Kode Kotak Script


<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 Sobat Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #0000cc; border-radius: 10px; border-right: 5px solid #0000cc; padding: 10px;">
Kode Script Sobat 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 Sobat 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 Sobat Disini</div>

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

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #292e34; border-left: 5px solid #2288dd; border-radius: 10px; color: #bfbf90; padding: 10px;">
Kode Script Sobat Disini</div>

<div style="background-color: white; border: 3px #02d144 double; padding: 10px; text-align: left;">Kode Script Sobat Disini</div>

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

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

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #2be92f; border-radius: 10px; border: 8px outset #D4771A; padding: 10px; t-align: left;">
Letakkan Kode Anda Disini</div>

<div style="background-color: #82cafa; border: 2px #006400 solid; max-height: 50px; overflow: auto; padding: 10px; text-align: left; width: -webkit-fill-available;">
Letakkan Kode Script Anda Disini</div>

Bagaimana artikel tentang Cara Membuat Kotak Script Di Dalam Postingan Blog? Mudah bukan. Apabila kalian memiliki pertanyaan seputar blogger silahkan komen dibawah ya.

You may like these posts