» » Membuat Highlight kode

Membuat Highlight kode

Seperti biasa mengisi waktu luang. Kali ini saya share sebuah totorial blog yaitu membuat Highlight kode. Mungkin sobat bertanya "Apa yang dimaksud  Highlight kode ?". Seperti ini nih yang dimaksud Highlight kode :

<a href="http://saeful13.blogspot.com/">Saeful13 blog</a>

Untuk memasangnya ikuti langkah -langkahnya :
  • Pertama ya harus login dulu ke blogger.com 
  • Kemudian ke Tata Letak → Edit Template 
  • Jangan lupa centang Expand Widget Template
  • Kemudian cari kode ]]></b:skin>
  • Kemudian letakan kode dibawah ini tepat diatas kode ]]></b:skin>


.alert { background: #999966;
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;}


  •  Terakhir Simpan
Keterangan
  • Kode yang berwarna merah bisa sobat ganti dengan warna background yang sobat inginkan. Untuk kode warnanya disini
Cara pemasangan kode Highlight pada postingan

Sobat tinggal menambahkan kode berikut pada postingan sobat :
<p class="alert"> simpan kode javascript/HTML disini</p>
 

Keterangan
  • Sebelum memposting kode javascript/HTML harus diparse terlebih dahulu. Untuk memparse kode javascript/HTML disini
  • Maksudnya yang diparse adalah kode "simpan kode javascript/HTML disini".

Maka hasilnya setelah di parse

<a href="saeful13.blogspot.com/">Saeful13 blog</a>


Semoga bermanfaat

0 Komentar untuk "Membuat Highlight kode"