Cara membuat blog gratis untuk bisnis online

Kamis, 20 Agustus 2015

Cara membuat Highlight pada Script/Kode di Postingan

Cara membuat Highlight pada Script/Kode di Postingan ini mungkin sudah janul namun sebagai blogger pemula biasanya ingin blog nya tampil cantik dan menarik nah untuk itu saya di sini membagikan tips bagi anda yang ingin blognya tampil cantik dengan cara Highlight pada Script/Kode di Postingan selain tampil cantik memberi Highlight pada Script/Kode di Postingan akan lebih memperjelas ketika pengujung membaca artikel kita


Cara membuat Highlight pada Script/Kode di Postingan :

1. Login ke blogger lalu pilih Layout-->Edit HTML
2. 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 merah (#DDE4FF) adalah warna background kotak highlight, anda bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog anda. Untuk kode-kode warna bisa dilihat di blog ini

3. Kalau sudah kemudian Simpan.

Cara Posting dengan Highlight
Supaya kode/scriptnya berpungsi kita harus memasang kode nya ketika kita posting Yaitu dengan cara menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.

Dah gitu aja, gampang kan selamat berkreasi

Cara membuat Highlight pada Script/Kode di Postingan Rating: 4.5 Diposkan Oleh: Abdul Aziz

0 komentar:

Posting Komentar