Kadang kita ingin memperjelas sebuah tulisan dan membuat nya berbeda dengan text yang lainnya, sebenarnya cari ini bisa dilakukan dengan quote, tetapi saya ingin membuat lebih baik dan lebih rapi sehingga tulisan code lebih jelas pada postingan.
Hal yang pertama yang ada haru lakukan ada dengan menambahan code css pada html blogspot anda, jika anda menggunkan template model baru pada blogspot penambahan css tidak jauh berbeda dengan template model lama. yang jelas anda menyisipkan code css ini sebelum code : ]]> pada blogspot template baru anda.
Dan code css yang saya gunakan seperti dibawah ini;
.codeview {
display:block;
font-family:Courier New;
font-size:9pt;
width:500px;
overflow:auto;
background:url(http://bloggerhosting.appspot.com/serve/dedehendriono.googlepages.com/Code_BG.png) left top no-repeat;
border:1px solid #e6e6e6;
max-height:170px;
line-height:1.3em;
text-align:left;
margin:5px;
padding:5px 5px 5px 20px
}
display:block;
font-family:Courier New;
font-size:9pt;
width:500px;
overflow:auto;
background:url(http://bloggerhosting.appspot.com/serve/dedehendriono.googlepages.com/Code_BG.png) left top no-repeat;
border:1px solid #e6e6e6;
max-height:170px;
line-height:1.3em;
text-align:left;
margin:5px;
padding:5px 5px 5px 20px
}
Dan untuk menggunakannya, masuk pada menu postingan anda kemudian klik mode html
dan dan cara penulisannya seperti ini;
<div class code="codeview">
codenya pasang disini
<div>
Silahkan berekperiment sendiri bagiamana model Code Syntax Highlighter yang anda ingin gunakan.
info: http://gaptek-blog.blogspot.com/
Tidak ada komentar:
Posting Komentar