Tutorial Cara Buat Float Pada Post

Hai all...tutorial berikutnya koz akan ajar cara nak buat float pada post korang...Ape itu Float?Float dalam bahasa melayunya berbunyi terapung atau timbul...sebagai contoh seperti di bawah:-

Budak Nakal

akan berkongsi dengan korang tutorial-tutorial yang menarik untuk di guna pakai dalam blog korang...

Float ini di gunakan pada perkataan/ayat permulaan sesuatu post entry korang...
Jika berminat hendak mengunakannya dapatkan pada code di bawah

<div style="width:250px;">
<h1 style="float:left;margin-right:10px;">PermulaanAyat</h1>
<p>SambunganAyat</p>
</div>

Ubah code PermulaanAyat dan SambunganAyat yang tertera pada code di atas pada perkataan/ayat yang korang suka...

Kemudian save dan lihatlah hasilnya...
Camat mencuba...

Tutorial Cara Buat Code Box

Hai all...yahoo!!gembira rasanya bila dh siapkan banner promot untuk blog koz ini...jadi pada korang kalau sudi promotlah blog koz ini di blog korang ok...

codenya boleh dapat pada ruangan belah kanan >>>>>>

tak pun dekat bawah ini:-










<a href="http://kozumiro.blogspot.com/" target="_blank"><br /> <img src="http://img109.imageshack.us/img109/7105/promotblog.png" /><br /> </a>



Apalah koz ini...asyik nak promot blog saje...hihi..okey2...berbalik pada tajuk sebenar petang ini koz nak penuhkan permintaan "Cik Qiqi"kita yang nak tahu cara-cara nak buat Box untuk code...jadi ikuti langkah2 di bawah

Langkah 1
Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2
Copy COde di bawah

<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">Code Blog Korang</textarea>

Dan letak code blog korang pada ruangan yang tertulis "Code Blog Korang"

Contoh hasilnya:-

Code Blog Korang

Dan save lihatlah hasilnya...

Kalau untuk Promot web lak ini code dier:-

Code Blog Korang

<textarea cols="20" name="textarea" rows="2" wrap="VIRTUAL">Code Blog Korang</textarea>

Camat mencuba...

Tutorial Cara Buat List Style Image

Hai all..koz ade ilmu baru nak di kongsi dengan korang...
kebanyakkan korang mesti dah ada Tool List kat blog masing-masingkan...
sebagai contoh:-

1. Budak nakal
2. Budak comel
3. Budak manja

Atau yang ini

• Budak nakal
• Budak comel
• Budak manja

Jadi hari ini koz akan bagi tutorial nak gunakan icon sebagai pembahagi list korang seperti ini:-

• Budak nakal
• Budak comel
• Budak manja

Cara-cara nak buat seperti biasa mudah sahaja...korang cuma gunakan code di bawah:-

<ul style="list-style-image:url(http://img99.imageshack.us/img99/7790/bigeyescreature16x16.png);">
<li>List Pertama</li>
<li>List Kedua</li>
<li>List Ketiga</li>
</ul>

Pada code tertulis List pertama,kedua dan ketiga tu korang boleh ganti dengan ayat yang korang nak...

Dan cara nak tambah list mudah sahaja korang cuma tambah code ini

<li>List Tambah</li>

sebelum atau di atas code ini

</ul>

Icon pulak korang boleh tukar dengan icon ke sukaan korang...Saiz icon tersebut jangan terlalu besar ,saiz terbaik adalah bawah 25X25...

Di sini koz Kongsikan sekali icon2 comel...lau berkenan ambil lah...

http://img692.imageshack.us/img692/7130/tentaclescreature16x16.png

http://img690.imageshack.us/img690/8579/whitecreature16x16.png

http://img17.imageshack.us/img17/5663/blackcreature16x16.png

http://img340.imageshack.us/img340/755/pinkcreature16x16.png

http://img69.imageshack.us/img69/7790/bigeyescreature16x16.png

http://img413.imageshack.us/img413/8315/greencreature16x16.png

Camat Mencuba...