728x90 AdSpace

Latest News

09 Disember 2011

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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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 != &quot;URL label blog&quot;'>
<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 != &quot;URL label blog&quot;'>
<style type='text/css'>
#Header2 {
display: none;
}
</style>
</b:if>

<b:if cond='data:blog.url != &quot;URL label blog&quot;'>
<style type='text/css'>
#Header3 {
display: none;
}
</style>
</b:if>

<b:if cond='data:blog.url != &quot;URL label blog&quot;'>
<style type='text/css'>
#Header4 {
display: none;
}
</style>
</b:if>


Ok,itu sahaja,harap korang suka dan faham dengan tutorial ni.
Buat Gambar Header Bertukar Berdasarkan Label
  • Blogger Comments
  • Facebook Comments

0 ulasan:

Catat Ulasan

Top