Pasang Code Syntax Highlighter - BLOGATTANAHI
Headlines News :
Home » » Pasang Code Syntax Highlighter

Pasang Code Syntax Highlighter

Written By Langlang Buana on Kamis, 12 Agustus 2010 | 20.15

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
}

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/
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger