Minggu, 01 Juli 2012

Cara Membuat Kotak Script di Posting

Sobat blogger pasti pernah melihat sebuah kotak script pada postingan, ini seringkali digunakan untuk membedakan antara script dan tulisan artikel pada postingan agar terlihat rapi. Kalau sobat blogger masih bingung silahkan lihat gambar dibawah ini :

Bagaimana cara membuat kotak script di posting, berikut langsung saja kita masuk ke langkah - langkah pembuatannya :
  1. Login akun blogger 
  2. Anda Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> 
  4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
    /* http://blogatap.blogspot.com/
    ----------------------------------------------- */
    .alert {margin: 10px 10px 10px 10px;
    padding: 10px 15px 10px 15px;
    line-height: 1.6em;color: #000000;
    background: #e0ffff;
    border: 1px solid #000000;
    border-left: 15px solid #000000}
    Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
  5. Kemudian Simpan Template 
  6. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :
    <p class="alert">
    Tulis Script Disini
    </p>
Selamat mencoba dan Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar