22 June 2011

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,
author image

FAQIHAH HUSNI

Hi! I'm the writer and author of this webpage. Currently studying in SM Sains Kubang Pasu or know as KUPSIS in Kedah. A Kedahan girl for sure! 2017 is my senior year there and I'm fighting to 9A+ in SPM. Do pray the good result for me and others 1317 warriors. Thank you for your time :)

17 comments:

  1. dalama2 akk menunggu thanks sayang :)

    ReplyDelete
  2. thanks kihah....sgt berguna tutor nie...:)

    ReplyDelete
  3. kihah ? kenape untuk widget punyer takde dy punya kode tuh ?

    ReplyDelete
  4. @missxy fara

    akak , akak cari */Sidebar content punya ...

    nanti bawah (--------) yang panjang tu akak paste kod tu .

    ReplyDelete
  5. alhamdulillah,akhirnya dpt jugak buat..tp kenapa side bar dia antara gadjet len xpisah yer???huhuhuuh....mkch tow....

    ReplyDelete
  6. kihah, kalau tak jumpa yg second step tu macam mana eh?

    ReplyDelete
  7. thanxz !! puaz cri tuto niey . sye gne eh :)

    ReplyDelete
  8. akq,knape syer x jmpe yg /* Widget tuh??syer dne template denim...so,nt0k template denim ape dyer pnyer kod ek??

    ReplyDelete
  9. Thanks for the tuto. done follow you!

    ReplyDelete
  10. assalamualaikum kihah..
    thanx for the tutor..

    ReplyDelete
  11. thanks yea qihah gune template ape

    ReplyDelete
  12. Salam kihah.,terima kasih akhirnya dpt jugak buat.. :D

    ReplyDelete
  13. salam qihah , denim punya ade tak ?

    ReplyDelete

Budi Bahasa Budaya Kita