Cara Mudah Membedakan Script/Code Di Postingan Blog Dengan Highlight

Sumber ilmu : http://trik-tips.blogspot.com/

Masih seputar blogger, kali ini cara memberi ruang khusus untuk script di postingan blog sobat. Biasanya kalau kita lihat tutorial blog yang ada code scriptnya di blog org lain pasti script codenya di bedakan entah itu dgn tabel atau warna agar lebih jelas dalam membaca postingan tutorial. Nah ada cara yang lain juga hanya perlu menambahkan beberapa scrip saja biar ga' repot, untuk lebih jelasnya silahkan diikuti langkah-langkah berikut ini :

• pertama masuk ke akun blogger sobat
• kedua pilih menu tamplate, lalu edit HTML
• ketiga ceklist pada expand widget
• ke empat cari code ]]></b:skin> lalu letakkan code berikut tepat di atas code ]]></b:skin>

.alert { background: #AFDCEC;
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 berwar merah itu adalah code warna HTML, jadi bisa sobat rubah sesuai keinginan tapi jangan lupa di sesuaikan dengan warna tulisan di blog sobat, untuk kode warnanya silahkan lihat sediri disini
• lalu simpan tamplate sobat

Cara mengaplikasikannya cukup mudah, tambahkan kode <p class="alert"> sebelum script yang ingin di posting, kemudian tambahkan kode </p> di akhir scrip di postingan blog sobat. cara menambahkan kedua scrip yang berwarna hijau pada saat menulis post tutorial biasanya secara default berada di Compose, maka pilih HTML untuk meletakkan script warna hijau tadi. Yang teliti jika memasang script warna hijau.

Sekian dulu semoga bermanfaat bagi kita semua,,,,,,,,,,,,,

Bagi sobat blogger yang ingin download tutorial ini, silahkan download filenya disini :

Artikel Terkait :

Posted in: Blogger