Cara Membuat HighLight Kode

Agar gak sekedar cuap2, yang dimaksud dengan highlight kode tu seperti berikut ini lho

<a href="http://t4belajarblogger.blogspot.com/">T4 Belajar Blogger</a>

Nah bagaimana teman-teman? Baguskan? Kalau mengenai manfaatnya sudah pasti buat membedain antara kode dan tulisan lain, kan warnanya mencolok tuh

cara bikinnya simpel ada 2 tahap, seperti biasa

a. Ngotak-ngatik kode template


1. masuk ke blogger >> tata letak >> Edit HTML >> expand widget template

2. Cari kode ]]></b:skin> dan letakkan kode berikut di atasnya

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

ket:

yang merah itu adalah kode background-nya nanti. Cari kode warna di sini.



3. Dah. simpan ya hasil kerjaannya...



b. yang harus dilakuin ketika mosting


Setelah ngedit2 kode template seperti di atas, gak berarti sudah selesai. Teman-teman perlu melakukan sesuatu ketika mosting kode yaitu menyisipkan beberapa kode

<p class="alert"> Kode script/HTML anda </p>

contoh: (kodenya yang mau diposting diparese dulu ya)


<p class="alert"> &lt;a href=&quot;http://t4belajarblogger.blogspot.com/&quot;&gt;T4 Belajar Blogger&lt;/a&gt; </p>



Maka hasilnya:

<a href="http://t4belajarblogger.blogspot.com/">T4 Belajar Blogger</a>

simpel bukan? ya dah itu aja dulu yaaa....

Subscribe

Monitor continues to update the latest from This blog directly in your email!