Cara Membuat Kotak Script di Posting Blog

Assalamu'alaikum,

Di sini saya akan posting mengenai cara membuat kotak script di posting blog. Biasanya kotak script ini digunakan untuk membedakan antara script dan tulisan artikel agar terlihat rapi, namun banyak juga yang menggunakan untuk membedakan tulisan penting misal pada artikel teks Proklamasi Kemerdekaan Republik Indonesia.

Berikut ini adalah cara membuat kotak script di posting blog :

1. Login akun blogger Anda
2. Lalu pilih Template > Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
   
   /*  Kotak script
   ----------------------------------------------- */
   .alert {margin: 10px 10px 10px 10px;
   padding: 10px 15px 10px 15px;
   line-height: 1.6em;color: #000000;
   background: #ffffff;
   border: 1px solid #000000;
   border-left: 15px solid #000000;
   }
      Keterangan : Silakan ubah tulisan warna hijau sesuai keinginan Anda
5. Maka akan jadi seperti ini
   
   /*  Kotak script
   ----------------------------------------------- */
   .alert {margin: 10px 10px 10px 10px;
   padding: 10px 15px 10px 15px;
   line-height: 1.6em;color: #000000;
   background: #ffffff;
   border: 1px solid #000000;
   border-left: 15px solid #000000;
   }
   ]]></b:skin>


6. Kemudian simpan Template
7. Lalu untuk menggunakan fungsi ini sebelum kita menulis script pada posting, tambahkan kode berikut pada HTML :
   <div class="alert">
   Tulis script di sini
   </div>
   

Maksud dari script di atas adalah sebuah skin, kita hanya tinggal menggunakan dengan memberi perintah <div class="alert">. Jika hanya ingin garis tebal pada kiri tulisan gunakan

<div style="background: #ffffff; border-left: 7px solid #cccccc; line-height: 1.6em; margin: 10px 10px 10px 10px; padding: 5px 15px 10px 15px;">
Tulisan Anda
</div>

Maka akan jadi seperti ini ;

Dan bila..
Musikku tlah terdengar
Siap bawa kita semua
Ke tempat yang merdeka
Tunjukkan..
Peduli kita sesama
Kita satu di sini..

Dan jika..
Ini membuatmu terbang
Terbang menjauh ke awan
Tembuslah langit luas
Kabarkan..
Dengan bangga pada mereka
Kita damai disini..

Sekian, wassalamu'alaikum.
Terima kasih sudah mau berkunjung.