cara besarkan ruang posting blog korg..


assalamualaikum..

korang punye template dh cukup cantik dah??tapi ruang nak menulis lak tak besar mane kan..
rugi2..dh jumpe yg berkenan tapi nak menulis rase tak puas lak..sempit sangat ruang nye..xpe,meh koi tolong aok mer.. mula2..

step 1 :
bukak blog korang,then pilih DESIGN kat dashboard tu --> EDIT HTML --> TICK PADA EXPAND WIDGET TEMPLATE

STEP 3:
cari kod ni : #header-wrapper {, (nak cari kod tu tekan ctrl,F serentak). jumpa tak??korang salin balik WIDTH die 750px.. macam yg kt bawah ni..tapi benda ni khas untuk sape2 yg gne template PYZAM je yew..



/* Header
-----------------------------------------------
 */
#header-wrapper {
  width:750px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  background-color:#000000;
  filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;}

step 4 :
cari  kod ni : #outer-wrapper { (nak cari tekan : ctrl, F serentak dulu) ..salin balik WIDTH die, 750px jugak..


* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 750px;
  margin:0 auto;
  padding:10px;
  text-align:left;
  font: $bodyfont; }

step 5 :
korang cari lak kod ni  #main-wrapper {.. betul2 bawah dari outer wrapper yg kat ats ni. edit WIDTH die, 503px..


#main-wrapper {
  width: 503px;
  float: left;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#000000;
  filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;


step 6 :
ha..korang preview la dulu sebelum save tu..kalu puas hati,save je lah terus lepas tu.. kalu x menjadi tu mintk maaf la ye..coz aku wat,jadi je pon..


P/S : KEPADA SAPE2 YANG X JUMPA KODE YANG KOI TULIS KAT ATAS NI,BUAT MACAM NI.

1. klik Layout -> Edit HTML -> tick kat Expand Widget Template

2. Tekan CTRL dan F serentak (atau F3 untuk shortcut). nanti akan muncul tulisan “Find” dan ruang untuk menulis..korg search la kode tu kat situ..COPY N PASTE JE KOD YG KOI BG TD.

sebagai contoh,korang nak edit header tadi tu, just type je #header-wrapper { ..nanti secara automatik nye keluar perkataan header tu dlm kode html..selamat mencuba
 
ha..ada faham???

3 comments:

Miera Azli said... [Reply]

thanks sangat2. dah boleh dah. sangat berguna. singgah blog saya pula ye. http://hidayahcintaku.blogspot.com/

ninieallysha said... [Reply]

thanx for the tutorial...=)

Hana said... [Reply]

alahai.. dah edit blog baru jumpa tutorial nie..penat edit sampai ubah background, border.nak dapatkan saiz posting yg besar