DASHBOARD HOME TUTORIAL TEMPAHAN MY DESIGN

Tutorial-Letak Background Blog

1.dashboard-design-add a gadget-HTML Java Script 
 
2copy dan paste code kat bawah ni .


<style> body { background-image: url('URL BACKGROUND');
background-attachment: fixed; background-repeat: repeat; } </style>
Url Background- korang tukar kepada link background korang nak...Klik SINI nak background cute..

TERIMA KASIH SUDI BACA DAN KOMEN

Centerkan header anda..

Setengah blog , header selalu pergi belah kiri .so cara dia tengok di bawah.

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

2.CTRL+F cari code /* Content

3.dah jumpa? copy code kat bawah ni .
.Header img { margin-$startSide: auto; margin-$endSide: auto;}
4.Paste atas code  /* Content 

Kredit Mish Apple

TERIMA KASIH SUDI BACA DAN KOMEN

Hilangkan Border Dekat header

untuk yang pakai minima template . kat header mesti ade border kan?
so .. buruk . nk bagi hilang .  macam ni . .

edit html- ctrl+f  #header-wrapper {  
tengak-tengak kat bawah ade code lebih kurang macam ni . .
 
 border:1px solid $bordercolor;

tukarkan 1 tu kepade 0 .


edit html- ctrl+f  #header { 
 border: 1px solid $bordercolor;
ade code lebih kurang macam ni . .

tukarkan 1 tu kepade 0 .
 
preview dulu baru save okey

TERIMA KASIH SUDI BACA DAN KOMEN

Mencantikkan Minima Template

Sesiapa Yg blognya menggunakan minima Template boleh ikut tuto nie okey...tuto nie...memang confirm cantik blog korang...


1.page kat EDIT HTML.tick EXPAND WIDGET TEMPLATE..
ctrl+f cri kod bwh ni

#outer-wrapper {

2.kat bwah 2 ade kod mcm ni

#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
float: $startSide;
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 */
}

#sidebar-wrapper {
width: 240px;
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 */}





3.Delete kod di atas copy n gantikan  dgn kod bwah ni pereview dulu baru save


.clear {
clear: both;
}
#content-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
background-color: #FFFFFF;
border:2px solid #FA58AC;
-moz-box-shadow: 0 0 10px #FA58AC ;-webkit-box-shadow: 0 0 30px #FA58AC;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
float: $startSide;
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 */
}

#sidebar-wrapper {
width: 240px;
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 */
}



TEKA-TEKi:

yellow- keluasan body yang korang nak okey...
red: tukar colour kesukaan anda...

Harap korang boleh buat...kalau jadik komen..

TERIMA KASIH SUDI BACA DAN KOMEN

Cara Tukar Kaler Border Di sidebar Widget

Nak tukar warna border kat sidebar Widget ya....

Contoh Sidebar Widget Korang cam kat bawah...pastu...ada perkataan  "border: 4px Outset #ff0090;"  jumpa tak? kalau jumpa kod yg #ff0090 tue korang tukar kalernya mengikut warna ke sukaan anda okey...

.sidebar .widget {
text-align:center;
-moz-border-radius: 18px;
background:#;
-moz-box-shadow: 0 0 20px #ff0090 ;-webkit-box-shadow: 0 0 20px #ff0090;
border: 4px Outset #ff0090;
padding-bottom: 0.9em;
line-height:1.9em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLDnmBoUob_pyjYZDYcDoDn1niRTxQnHG2L_aBhUAPcangRhXNHUs-ApW67MoDrYkxQuBYE3dzvXl4eccTZI4TxIkKk9c4CL6PT2ZzTUwJJGRumzWfqZisN8KySxFPcMe9q2XiKJIXQVV/s1600/widget.png);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
TERIMA KASIH SUDI BACA DAN KOMEN