Bagaimana memaparkan codes dan scripts HTML dalam blog posts anda [Tutorial]

Berjumpa lagi dalam ruangan TUTORIAL bersama saya..ok sebelum ni saya ada buat tutorial 1stkan..anda mesti tertanya-tanya macam mana nak buat TUTORIAL yang melibatkan HTML ni...senang je, saya akan bongkar rahsianya kepada yang nak buat tutorial seperti ini..

Langkah 1

Login dan pergi ke Dashboard seterusnya ke tab "DESIGN".

Langkah 2

Search code (1) ini pada ruangan edit template dengan Ctrl+F

Langkah 3

Copy code (2) dibawah dan letakkan sebelum code (1) dan save template anda.

.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;

Langkah 4

Copy code (3) dibawah setiap kali anda membuat posting baru meliputi Script HTML (CODE CSS, Script,dll) mestilah di dalam code (3) div dibawah:

<div class="codeview">
Letakkan code anda disini
</div>

!!PERINGATAN!!

Setiap kali membuat posting berkaitan code HTML lakukan experiment di posting lain(baru) untuk mengelakkan kecelaruan posting yang bakal anda postkan..nanti tak pasal-pasal naik gila pulak ^..^dan jangan putus asa kalau x jadi..cuba sampai dapat..selamat mencuba..