Pernah kita melihat wesbiste yang ada slideshow di halaman depan. namun ketika kita mulai berseluncur di website tersebut, slider nya tidak muncul di halam berikutnya dan sepertinya slider itu hanya muncul di halaman depan saja. nah bagaimana itu semua bisa terjadi ? sebenarnya kalau kita menggunakan CMS wordpress, Joomla, atau yang lainnya mungkin hal ini sudah biasa. dan pengaturanya pun sangat mudah dengan hanya memilih pengaturan di halaman mana saja slider itu akan di tampilkan.
Kemudian bagaimana kalau kita ingin membuat seperti itu di blogspot? apakah sulit ? jawabnya tidak. mari kita pelajari bersama. di blog saya ini banyak yang saya atur seperti itu. semisal header blog ini hanya muncul di halaman depan saja. yang perlu anda ketahuai adalah sintak <b:if> (jika) . sintak ini sudah di sediakan kita hanya memanggilnya saja dengan memberika berbagai kondisi.
Misal header saya yang ada pada gambar di bawah ini :
header ini hanya tampil pada saat saya mengakses halaman utama. jika kita lihat listing tampilan di atas maka seperti di bawah ini :
intinya yang ada di dalam sintak <b:if cond='data:blog.pageType == "index"'> </b:if> hanya akan tampil di halaman depan saja. sekarang kita praktekkan menambahkan widget banner agar muncul di halaman depan saja. langkah-langkahnya seperti di bawah ini :
1. Login ke Blogger.
2. Pilih Blog lalu pilih -> Tata Letak
3. Kemudian tambahkan widget dengan mengklik Tambah Gadget4. Setelah muncul browser baru pilih HTML/JavaScript
5. Tambahkan listing di bawah ini :
<b:if cond='data:blog.pageType == "index"'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho92tdLhmr3Dd6s5IYXBtWEFWQrM8E5VbZixPj-I1wBzDndTfuDvUgJG9J2MSJ4-d5VJAUVRm-bu1eZV-nQom2n6cHsk-_sfCyjOEtI7QLYg7K_1CIkJ4rkc4UCJZZeWijTlys6SZz9-A/s600/menampilkan_widget_hanya_di_halaman_depan_edisi_garuda.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho92tdLhmr3Dd6s5IYXBtWEFWQrM8E5VbZixPj-I1wBzDndTfuDvUgJG9J2MSJ4-d5VJAUVRm-bu1eZV-nQom2n6cHsk-_sfCyjOEtI7QLYg7K_1CIkJ4rkc4UCJZZeWijTlys6SZz9-A/s1600/menampilkan_widget_hanya_di_halaman_depan_edisi_garuda.jpg" /></a>
</b:if>
6. Pilih Simpan
selanjutnya silahkan di coba semoga berhasil. jika munculnya di halaman depan saja artinya utorial ini berhasil anda praktekkan. namun jika banner yang kita tambahkan tadi muncul juga selain di halaman depan , silahkan tinggalkan komentar di bawah tutorial ini. Terima kasih.
Salam Blogger Indonesia
Budi Hantomo