Highlight Tulisan Pada Postingan

Selama ini, dalam memberikan highlight pada tulisan/script tertentu, saya menggunakan cara manual, misalnya seperti pada postingan di sini. Sebenarnya tips yang akan saya kemukakan ini hampir sama dengan cara yang saya lakukan selama ini namun penulisannya lebih praktis.

Berikut langkah-langkahnya Tips Highlight Tulisan/Script/Kode Pada Postingan sebagai berikut:

1. Login ke http://blogger.com hingga masuk Dasbor

2. Klik Tata Letak (layout)

3. Klik Edit HTML

4. Kemudian cari dan temukan kode ]]>

5. Kemudian letakkan script di bawah ini sebelum kode ]]>

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

Keterangan

Kode yang berwarna biru adalah kode html untuk warna background yang dapat Anda ganti sesuai dengan kehendak kita. Kode html untuk warna dapat dilihat disini.

Satuan dalam px (pixel) dapat Anda ganti sesuai dengan kehendak kita, semakin besar nilai px-nya, semakin besar pula hasilnya (dalam contoh ini garisnya).

6. Kemudian Simpan Template

7. Ketika posting, apit tulisan/script/kode yang ingin kita diberikan highlight dengan

<p class="alert"> dan </p>

8. Selesai