8 Maret 2013

Cara Membuat Kotak Script di Posting Blog

Kotak script atau hampir sama dengan Syntax Highlighter merupakan sebuah tampilan CSS untuk membuat suatu tulisan berbeda dengan yang lainnya. Biasanya kotak script ini digunakan untuk membedakan antara script dan tulisan biasa agar terlihat rapi, namun banyak juga yang menggunakan untuk membedakan tulisan penting misal pada artikel teks Proklamasi Kemerdekaan Republik Indonesia.

Baca juga : Cara Memasang Anti Copy Paste Pada Blog

Kotak Script di Posting Blog

Cara Membuat Kotak Script di Posting Blog :

  1. Login akun blogger Anda.
  2. Lalu pilih Template > Edit HTML
  3. Cari kode ]]></b:skin>
  4. Salin kode di bawah ini dan tempel di atas kode ]]></b:skin>
    /* Kotak Script */
    .kotak {
      background:#eee;
      border:1px solid #ccc;
      border-left:5px solid #aaa;
      line-height:1.6em;
      margin:10px 0;
      padding:10px 15px;
    }
    Keterangan : Silakan sesuaikan warna dengan keinginan Anda.
  5. Kemudian simpan template.
Lalu untuk menggunakan CSS ini sebelum kita menulis script pada posting, tambahkan kode berikut pada mode HTML :
<div class='kotak'>
  Tulis script di sini
</div>

Isi di atas adalah script yang sudah di-parse terlebih dahulu. Alternatif lain yaitu menggunakan Syntax Highlighter, yang bisa dibaca pada artikel selanjutnya.

Baca juga : Cara Menggunakan Syntax Highlighter Pada Blog

Isikan komentar Anda dengan bijak.