MEMBUAT 2 HEADER

Tutorial kali ini akan mengajar anda cara nak membuat 2 header. Sila ikuti tutorial di bawah satu persatu.

1. Sila LOGIN ke blogger.
2. Setelah masuk ke Dashboard, klik Layout
3. Kemudian klik pada edit HTML di bahagian atas.
4. Pastikan anda klik Download full template sebagai langkah berjaga-jaga.
5. Kemudian sila cari code di bawah.


/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}



Sila delete CODE di atas dan gantikan dengan COde di bawah.



/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}



Kemudian cari code ini pula.



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>



Setelah anda menjumpai CODE di atas, Sila delete dan gantikan dengan CODE di bawah



<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Akhir sekali, klik save dan anda sudah selesai.



Tag
Blog tutorial blog untuk beginner basic easy mudah senang belajar blogger top cantikkan blog tutorial simple Berita pelik berita aneh berita misteri berita amazing berita terkini berita gila berita inspirasi berita malaysia berita luar negara berita menarik fcucommunity fcuwidget widget cute widget comel freebies free widget widget cool widget cantik widget tepi blog fcu kamiblogger contest pertandingan peraduan top blogger super top blogger