Cara Membuat HighLight Kode

To the point saja teman-teman, yang dimaksud dengan highlight kode tu seperti berikut ini lho

<a href="http://completereview.blogspot.com/">REVIEW CENTER</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/rancangan/layout >> 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://completereview.blogspot.com/&quot;&gt;REVIEW CENTER&lt;/a&gt; </p>



Maka hasilnya:

<a href="http://completereview.blogspot.com/">REVIEW CENTER</a>

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

o iya...ada postingan yang berbeda dengan masalah yang dibahas di postingan ini, namun sifatnya sama, yaitu sbg pembeda, mau tahu? klik aja di sini.

Mudah-mudahan bermanfaat.
Keywords:cara membuat tampilan kode berbeda, make a highlight in a post

Untuk kemajuan Blog Ini Silahkan isi Kotak Komentarnya Ya.. (For blog development, please fill the following blog comment Pal

Share |

Related Post