tutorial -simple navigate kat sidebar

Navigate ni simple, berat pon kurang berbanding navigate yg lain.

1.Add a gadget-html javaskript

 <a href="LINK PAGE">NAMA PAGE </a> | 

• yg | boleh tukar dengan icon sendri . kire macam icon @ ke # ke $ ke %  ke ^ ke * . . yg ade kt keyboard klau nak icon yg comel-2 , just tukar dengan <img src="URL ICON KORANG" />
• URL icon (search here)

---

You may leave your comment :)

---

tutorial- scroll bar untuk blog archive

Scroll bar blog archive ni memang wajib  sebab sangat menjimatkan sidebar dan kemas. Takde la tengak panjang berjele je kan ? macam mana nk buat ?

1.design-edit HTML-ctrl+f search <div id='ArchiveList'>

2.atas code tu ade code <div class='widget-content'>  kan , delete code tu dan gantikan  dengan code   

<div class='widget-content' style='overflow:auto; height:200px'> 

3.height, 200px tu boleh tukar , klau tak jadi, maybe panjang sangat tinggi tu . . 

4.save!

---

You may leave your comment :)

---

tutorial -icon sebelah list blog archive

Icon sebelah list blog archive bagi aku, die dapat mengemaskan list sebab kalau kosong je nampak bercelaru. nampak same je kan? So, ikot step.

1.dashboard-design-edit HTML*tick expand widget

2.ctrl+f search <a expr:href='data:i.url'><data:i.title/>

3.delete code tu gantikan dengan code .

<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

4.URL ICON search here here . preview dan save!

p/s: jangan cari icon besar+warne warni . pelik pulak nanti . biar simple .. tapi nice kan ?

---

You may leave your comment :)

---

tutorial- link hover

Link hover, tengak macam kat bawah ni. bile cursor hale kat die, ade keluar warne merah kan ?

1.design-edit HTML-ctrl+f search a:hover {

2.letak code berikut bawah  a:hover {

background: #FF0000; border-radius:2px;

p/s : yg #FF0000 boleh tukar warna kat sini .

---

You may leave your comment :)

---

Tutorial Double Colored post/ sidebar

1.Pergi ke dashboard-design-edit html

text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-shadow: 3px 3px 3px #ffffff;border-bottom: 5px solid #81BEF7;
background : #CEE3F6;

2.paste code tu selepas code 

SIDEBAR

.sidebar h2 { atau h2 {

POST TITLE

h3.post-title { atau .post h3 {

p/s: yang aku highlight warne merah tu, semue boleh tukar 

credit: Hanan/Afiq

---

You may leave your comment :)

---