Panduan Dalam Menulis Blog Tutorial ~ fitri1986

25 November 2010

Panduan Dalam Menulis Blog Tutorial

Pos ini ditulis bagi memudahkan blogger yang menjalankan blog bercorak tutorial.

Masalah Dalam Menulis Kod-HTML Pada Pos:-
Sekiranya korang ingin meletakkan kod pada entri,korang harus convert dulu kod tersebut sebab korang tak boleh nak meletakkan kod pada pos kerana kod itu tidak akan muncul.

Penyelesaian Terbaik:
Korang perlu gunakan Code Converter,seperti dibawah:

Masukkan kod korang kedalam code converter,tekan convert dan copy code yang telah diconvert untuk dipaste dalam blog korang

Ambil kod ni,jika korang ingin letakkannya di blog korang

Cara Mencantikkan Penampilan Kod Pada Blog:

Lihat Penampilan Kod Ni,kosong dan agak kurang menarikkan?

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

<b:section class='crosscol' id='crosscol4' showaddelement='yes'>

<b:widget id='Gadget1' locked='false' title='Club V.I.P Members' type='Gadget'/>

Ini pula,kod yang mempunyai background dibelakangnnya

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol4' showaddelement='yes'>
<b:widget id='Gadget1' locked='false' title='Club V.I.P Members' type='Gadget'/>

Cara Meletakkan Kod Dengan Background

Memula log in ke akaun blogger korang,pergi ke-->Design-->Edit HTML dan cari kod ni:

]]></b:skin>

Selepas korang dah jumpa,pastekan kod dibawah ni diATAS/SEBELUM kod yang biru tersebut

.code {
background:#F9F9F9 url(http://www.anti-spyware.hk/uploads/images/spyware/customSettingIcon.png) no-repeat top left;
font:bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color:#000;
border-bottom:5px solid #BFBFBF;
margin:0 20px;
padding:70px 20px 20px 40px;
}

Ubah kod kaler unggu dengan kod imej background yang korang suka

Dan seterusnya apabila anda ingin menulis kod dengan background,tambah kod merah macam ni:

kod korang kat dalam ni

</div>

Bonus:TextArea

Kod untuk buat teks area

<textarea cols="50" name="demo" rows="2">Korang gak boleh guna teks area untuk letakkan kod korang</textarea>

*Cols-adalah utk lebih lebar/tambahan ruangan
*Rows adalah utk lebih tinggi/tambahan baris

P/S:Cara code diconvert adalah dengan mengubah character kod,jadi x perlu gunakan converter pun bleh sekiranya kod tu pendek je ;).Character < diubah jadi < character > diubah jadi > dan lain-lain.Contohnya jika korang ingin menulis kod <head> korang akan taip <head>Ok,aku harap korang puas hati dengan tutorial dan penerangan yang aku berikan setakat ni,selamat menulis blog,terima kasih =)