21 Oktober 2013

Cara membuat Highlight pada Script/Kode di Postingan

Cara membuat Highlight pada Script/Kode di Postingan
Dalam posting artikel tips blogging, sering kali kita harus menyertai Script/Kode HTML sebagai bagian isi konten. Sebagai pembeda, biasanya beberapa blogger membuat Highlight untuk lebih memperjelas hal tersebut pada pembaca/visitor.

Pertanyaan, tentunya adalah bagaimana Cara membuat Highlight pada Script/Kode di Postingan tersebut. Sebenarnya, langkah untuk membuat highlight (kotak) yang akan membedakan dengan tulisan artikel ini sangat sederhana.  

Untuk mempersingkat segala sesuatunya, kita langsung kepokok persoalan :)

   Caranya :  
  • Login ke blogger lalu pilih Layout--> Edit HTML
  • Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu 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 biru (#DDE4FF) adalah warna background kotak highlight, anda bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog anda.

  • Jika selesai lalu save/simpan

   Cara Posting Artikel menggunakan Highlight pada Script/Kode   

Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus dengan cara-cara tersendiri. Yaitu dengan menambahkan kode tersebut <p class="alert"> sebelum kode/script yg akan diberi highlight. Kemudian ditambahkan kode </p> diakhir script/Kode.

Tidak begitu susah bukan?? Semoga bermanfaat..