Tutorial: Pisahkan Sidebar Widget dengan Main. -SIMPLE TEMPLATE-

Assalamualaikum. Banyak orang yang buat sidebar terpisah dengan main. Hmm. Korang jeles x? :p HAHA. Ek eleh. Fikir diorang je ke boleh buat cam tuh? Kitak pun boleh ! Before that, THIS IS MY 2ND BLOG.


Example sidebar terpisah.



First


Dashbord > Design > Edit HTML

CTRL+F search kod ini

.post {

Dah jumpa? Bagus. Copy [ctrl+C] kemudian pastekan kod kat bawah ni. DIBAWAH .post { tadi.

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
margin:0 0 1.5em;
padding:20px;
font-size: 95%;
background:#ffffff;
border: 2px solid #ff00ff;
line-height:1.9em;
} 

Second


Dashbord > Design > Edit HTML

Ctrl + F search kod ini

/* Widgets
----------------------------------------------- */

Pastekan kod dibawah ni, selepas [bawah] kod kat atas tuh. ^

.sidebar {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
margin:0 0 1.5em;
padding:20px;
font-size: 95%;
background:#ffffff;
border: 2px solid #ff00ff;
line-height:1.9em;
} 

Dah habis? Ok. If rasa ianya ada macam kotak-kotak tu, ni ada lagi step.

Third


Design > Template Designer > Advanced > Background > Main background > Transparent 


Done? SAVE TEMPLATE

Credit,

Dania (!)