Trick Menyisipkan HTML kode Pada Post Unknown21.7.11 0 komentar

Trick Kali Ini Adalah Cara Untuk Menampilkan Html Code Pada Post.
Banyak Sekali Cara Untuk Menampilkan HTML code pada post, Salah satunya Yang Akan Saya Uraikan Di bawah Ini ...
Gak Perlu Panjang Lebar,
1. Login Ke Dasboard (Rancangan)
2. Ke Tab Design
3. Edit HTML
4. Cari Kode  ]]</b:skin>


Kalo Udah Ketemu ...copy Code di bawah ini di atas nya ...
.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background:  url('http://goo.gl/kqJkB')  no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

Kemudian Save Template.
Cara Post nya ...

<div class="codeview">
letakkan kodenya disini
</div>
Hasilnya Akan Seperti Ini :D

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background: url('http://goo.gl/kqJkB') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}