Cara Membuat Kotak Script Pada Postingan Blog

Cara Membuat Kotak Script Pada Postingan Blog

    Kali ini saya akan menunjukkan bagaimana Cara Membuat Kotak Script Pada Postingan Blog. Membuat kotak Script pada postingan blog juga salah satu ide alternatif agar blog tampil lebih menarik dan rapih. Kotak Script biasanya digunakan untuk memasukan kode-kode script kedalam postingan blog agar terlihat rapih dan tidak memakan banyak tempat. Kotak Script memiliki berbagai bentuk; ada yang berbentuk kotak sederhana, ada pula yang berbentuk kotak dengan tambahan scroll, dan juga bentuk-bentuk lainnya. Selain itu kotak script juga dapat diberi warna pada bagian background, dan pada garis kotaknya. Garis pada kotak script ( Border ) dapat di ubah dengan berbagai bentuk sesuai dengan yang diinginkan, karena garis pada kotak script ( border ) juga memiliki berbagai fariasi.

Berikut adalah Cara Membuat Kotak Script Pada Postingan Blog :

1. Masuk / Login ke blogger.com dengan menggunakan akun blog Anda.
2. Pilih Entri Baru atau membuat posting baru.
3. Selanjutnya buatlah tulisan seperti pada Gambar dibawah ini:
   
   
   
4. Kemudian klik pada Tab HTML dan masukan kode berikut di bawah tulisan pada Gambar di atas.
   
   

   <div style="background-color: white; border: 3px #DC143C Double; padding: 10px; text-align: left;">
   • Tulis Disini... •</div>

   - Tulisan berwarna Kuning adalah warna background dalam kotak script.
   - Tulisan

berwarna Biru adalah ketebalan garis pada kotak script.
- Tulisan berwarna Merah adalah warna garis pada kotak script.
- Tulisan berwarna Hijau adalah jenis / bentuk garis pada kotak script. dapat juga diganti dengan Dashed, Dotted, Double, Groove, Inset, Outset, Ridge.
- Tulisan berwarna Oren adalah jumlah panjang kotak kebawah, untuk lebarnya otomatis sampai ke ujung posting.
- Dan Tulisan berwarna Ungu adalah posisi tulisan didalam kotak script di kiri. ( alignment-left ).

Untuk lebih detailnya lihat pada Gambar di bawah ini :

Jika sudah sesuai dengan selera yang diinginkan, klik Compose maka akan ada kotak script seperti yang Anda inginkan atau seperti yang ada pada Gambar di bawah ini :

Jika berhasil seperti pada gambar di atas, tinggal menghapus tulisan " • Tulis Disini ... • " dengan kode/tulisan yang ingin Anda masukan kedalam kotak script tersebut.

Demikian bagaimana Cara Membuat Kotak Script Pada Postingan Blog yang saya terangkan. Semoga dapat dimengerti dan dipelajari oleh Anda.

Semoga bermanfaat .