Buat Gambar Header Bertukar Berdasarkan Label
CTH HEADER BERDASAR LABEL
Cara Membuatnya:
1.Log masuk ke blogger dashboard anda
2.Dekat Blogger Dashboard anda-->Klik Design --> Edit Html
Cari kod yang kelihatan seperti ini:
<b:widget id='Header1' locked='false' title='Tajuk Blog Anda (Pengatas)' type='Header'/>
3.Dibawah kod tersebut tambah kod yang sama,bezanya adalah pada id header iaitu Header2
<b:widget id='Header2' locked='false' title='Tajuk Blog Anda (Pengatas)' type='Header'/>
4.Save dan pergi ke page element.Semasa di page element,korang akan dapati header korang akan ada dua,letakkan gambar kat header yang baru korang tambah disitu.
5.Save dan pergi semula ke Edit HTML dan cari kod </head>
6.*Kod dibawah ini adalah untuk menetapkan header utama blog disembunyikan dalam tag Pastekan kod dibawah sebelum/diatas kod </head>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
#Header1 {
display: none;
}
</style>
</b:if>
</b:if>
</b:if>
</b:if>
7.Akhir sekali,dibawah kod yang ditambah tadi,pastekan kod ini
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
*Url label blog adalah untuk korang letak url label yang korang nak.
8.Save dan lihat hasilnya.
9.Dan kalau nak buat header3 atau 4,semasa di langkah 3,ikut cara yang sama dan tambah header3 atau 4.
10.Dan seterusnya ikut langkah 7,seperti contoh ini:
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header3 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header4 {
display: none;
}
</style>
</b:if>
Ok,itu sahaja,harap korang suka dan faham dengan tutorial ni.
Cara Membuatnya:
1.Log masuk ke blogger dashboard anda
2.Dekat Blogger Dashboard anda-->Klik Design --> Edit Html
Cari kod yang kelihatan seperti ini:
<b:widget id='Header1' locked='false' title='Tajuk Blog Anda (Pengatas)' type='Header'/>
3.Dibawah kod tersebut tambah kod yang sama,bezanya adalah pada id header iaitu Header2
<b:widget id='Header2' locked='false' title='Tajuk Blog Anda (Pengatas)' type='Header'/>
4.Save dan pergi ke page element.Semasa di page element,korang akan dapati header korang akan ada dua,letakkan gambar kat header yang baru korang tambah disitu.
5.Save dan pergi semula ke Edit HTML dan cari kod </head>
6.*Kod dibawah ini adalah untuk menetapkan header utama blog disembunyikan dalam tag Pastekan kod dibawah sebelum/diatas kod </head>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
#Header1 {
display: none;
}
</style>
</b:if>
</b:if>
</b:if>
</b:if>
7.Akhir sekali,dibawah kod yang ditambah tadi,pastekan kod ini
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
*Url label blog adalah untuk korang letak url label yang korang nak.
8.Save dan lihat hasilnya.
9.Dan kalau nak buat header3 atau 4,semasa di langkah 3,ikut cara yang sama dan tambah header3 atau 4.
10.Dan seterusnya ikut langkah 7,seperti contoh ini:
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header3 {
display: none;
}
</style>
</b:if>
<b:if cond='data:blog.url != "URL label blog"'>
<style type='text/css'>
#Header4 {
display: none;
}
</style>
</b:if>
Ok,itu sahaja,harap korang suka dan faham dengan tutorial ni.
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.