Nak buat tutorial lagi! Yeah! *Applause
Kali ni nak buat "Status Dalam Blog".
Aku gune sedikit reference dri HTML Learning & buat satu HTML baru untuk Status yang aku nak tunjukkan ni.

Ok! Nak tunjuk ni *bangga dengan hasil sendiri ni ! *bukan copycat
 Nak preview dulu? Tengok dalam >blog ni< 
Ha, yang kat sidebar tu
Nak macam tu?
Jom, tengok ni!

• Dashboard ~> Design ~> Add A Gadget ~> HTML/JavaScript
• Then, copy code bawah ni;

 <fieldset style="border: 8px dotted #ff5055; color: #ffffff; width: 100px;"><legend><img src="image URL"/></legend><center><marquee direction=”left“><div style="font-family: Berlin Sans FB Demi;"><span style="color: purple;">Hello!</span></div></marquee></center><center></center></fieldset>

~Merah (8px) : ketebalan border fieldset
~Oren (dotted) : pilih style border sendiri >lihat sini<
~Ungu (#ff5055) : warna untuk border fieldset
~Pink (#ffffff) : background fieldset
~Biru gelap (100px) : lebar status korang (ikut lebar tempat yg korang letak gadget ni)
~Merah Gelap (image URL) : letak url image untuk tajuk fieldsite,
aku bagi free >di sini<
~Hijau (Berlin Sans FB Demi) : Jenis tulisan pada status korang, boleh gune jugak tulisan lain ~ [refer kat Microsoft Word]
~Kuning (purple) : warna tulisan status korang [boleh gune 'pink' , 'red' etc.
atau gune >html color codes<]
~Biru (Status Anda) : letak ape2 status korang

• Dah selesai tukar-tukar yg atas ni? Ok! Save ~ Pastu tengok la :) Cantikkan .. HEHE!

Ok, nak share kat org lain pon tape. Janji link balik kat aku ~
Mekasih :)

Dah lame tak buat tutorial :)

Bnyak focus nak join contest & GA ..

Kalau korang nak join.. Tengok atas ni.. Kan ade contest & GA an (pomot).

Hari ni nak tunjuk kat korang jenis-jenis border untuk gambar.

Firstly, nak tunjukkan cara untuk disable'kan border pada gambar2 kat blog korang tu, 

Meh, nak tunjuk !

 
RM1000 Over Here!

Tutorial ni khas untuk Simple Template. Kalau template lain tak tahu la.

And untuk selamat, back up / restore template korang dulu. 

Hilangkan Border

• Dashboard ~> Design/Layout ~> Edit HTML ~> Tick Expand Widgets
• Pastu tekan CTRL+F , cari : .post-body {
• Then, korang kene teliti sikit untuk cari kod bawah ni dekat bawah  .post-body { :

 background: $(image.background.color);
  border: 1px solid $(image.border.color);

Tak paham? Ok! tengok image ni utk tahu kedudukan code2 atas ni :

Kalau tak nampak.. Sila click @ view pic ni

• Lepas tu korang kene tukar ni yang highlighted ni : 

 background: $(image.background.color);
  border: 1px solid $(image.border.color);

Pink : Tukar kepada 0

Kuning : Tukar kepada none

• Then, preview dulu. Kalau x de eror. Save la :)

Tukar Style Border

• Kat yang code sama mcm atas tadi , firstly padam yang highlighted ni dulu :

 background: $(image.background.color);
  border: 1px solid $(image.border.color);

 Biru : Dikehendaki padam yg ini nanti tak jadi pulak

•  Kalau dah padam, tengok jenis2 style border dekat >sini<.Then, tukar macam bawah ni :

background: $(image.background.color);
  border: 3px dotted #FF00E6;

Pink : tukar tebal border yang korang nak & ikut kesesuaian

Ungu : pilih border style ape korang nak

Oren : Tambah colour ape yang korang nak , boleh rujuk sini : >color codes<

Ok! preview dulu~ Kalau tak ade eror boleh save :)

Tu je la~

Mekasih :)

p/s : tulisan bengong kt sini. terpakse tukar font :(

 Ok!
Korang ada menghadapi masalah nak letak code HTML dalam entry / Create Post?
Well, aku penah gak bengang pasal ni. Tapi, google kan ade. Hehe!

Proceed !

Cara dia senang je !

<textarea id=”code-source” rows=”3″ cols=”28″ name=”code-source”>Letak Code Di Sini</textarea>

#Yang Merah tu korang boleh letak code HTML yang korang nak paparkan kat entry 

Ni la hasilnya :)

  &lt;span style="color: green;"&gt;&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;Letak Code Di Sini&lt;/span&gt;