About me

tutorial sidebare widget dalam kotak berasingan

tajaan secantikmanis on Monday, September 6, 2010

Assalamualikum sahabat semua

eikkk i nak buat tutorial ni.. boleh ke i nak buat tutorial ni..paham ke sahabat semua..
al maklumlah..i ni bukan nya pandai sangat nak mengajar-mengajar ni
memang tak ada bakat okey

[ ► contoh ini dibuat di Blogger template Minima (jadi kod anda mungkin sedikit berbeza, namun prosedurnya sama)]

okey tutorial ini di minta oleh my bebeh,pinkygirl


sahabat semua nampak tidak perbezaannya.

OKEY LET'S DO IT!!
  • Pertama, back up template Blogger sahabat.
  • kemudian pergi ke LAYOUT ► EDIT HTML ► 
  • CTRL-F dan cari dibawah ini 
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
  •  DELETE kesemua dan gantikan dengan code dibawah ini 
 .sidebar .widget {
background:#ADD8E6;
border: 1px solid #E9967A;
margin:0 -5px 1.5em -5px;
padding:5px 7px 5px 7px;
}

.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
  • Warna background sahabat boleh tukar dengan warna lain.sama juga dengan border
  • eh belum habis lagi... cari code dibawah ini pulak
#sidebar-wrapper {
background:#ADD8E6;
border: 1px solid #E9967A;
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
  • DELETE background dan border(warna purple).. dan code sahabat semua akan jadi seperti ini 
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
  • save template..siap 
i harap my bebeh paham dan sahabat semua paham
kalau tidak paham, tanya la i ye
Please Share it! :)

{ 3 sweetie... read them below or add one }

Pinky Pixie said...

syg, i gune tmplate dsgner dr blogger/ boleh ker?

GRuNGe said...

Wah, bagus ni ada tempat untuk belajar berblog. Nanti boleh tak kalau request ajar apa-apa dekat sini?

secantikmanis said...

grunge boleh je kalau nak request apa2..insyaallah kalau saya tahu..saya tolong