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..