Home / Triks Blogging / Highlight pada Script/Kode di Postingan

Highlight pada Script/Kode di Postingan

Posted by Ahmed' blog Jumat, 29 Juni 2012 0 komentar

Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nah anda mau tahu cara pembuatamnya?

Begini caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS anda atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode. SEMOGA BERMANFAAT

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Highlight pada Script/Kode di Postingan
Ditulis oleh Ahmed' blog
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://ahmedkom.blogspot.com/2012/06/highlight-pada-scriptkode-di-postingan.html. Terima kasih sudah singgah membaca artikel ini.