Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu ini memiliki alasan tertentu. Seperti ketika sebuah widget sekiranya tidak perlu ditampilkan di halaman konten, agar pengunjung fokus dalam membaca artikel blog sobat. Atau karena memang widget perlu ditampilkan pada halaman tertentu untuk kebutuhan pengunjung blog, dan dihilangkan karena pada halama lain terlalu banyak memuat widget. Atau apalah alasanya masih banyak lagi.
Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu
- Login ke akun Blogger sobat.
- Pastikan sobat telah memasang widget yang akan sobat tampilkan pada halaman tertentu saja.
- Ketahuilah widget id-nya, dengan cara masuk Tata Letak>> Sentuhkan cursor di tulisan Edit pada widget terkait>> perhatikan tulisan di sudut kiri bawah layar monitor, terdapat nama widget id.
- Disini saya mencontohkan pada widget terjemahan. Perhatikan gambar diatas, telah diketahui nama widget id-nya adalah Translate1.
- Setelah widget id diketahui, selanjutnya sobat masuk ke bagian Template>> Edit HTML.
- Cari widget-id terkait dengan tombol ctrl+F, lalu perhatikan terdapat kode <widget>...</widget>. Klik pada bagian "titik-titik" diantar kode tersebut. Lalu akan terdapat kode <b:includable>...</b:includable>, klik juga pada bagian "titik-titik" di antara kode tersebut.
- Pilihlah letak halaman yang sobat inginkan, simak kode-kode berikut.
Menampilkan widget hanya pada HomePage
<b:if cond='data:blog.url == data:blog.homepageUrl'>...................</b:if>
Menampilkan widget di semua halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>...................</b:if>
Menampilkan widget hanya pada halaman Archive
<b:if cond='data:blog.pageType == "archive"'>................</b:if>
Menampilkan widget di semua halaman kecuali halaman archive
<b:if cond='data:blog.pageType != "archive"'> ...............</b:if>
Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>...................</b:if>
Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>...................</b:if>
Menampilkan widget hanya di halaman tertentu.
<b:if cond='data:blog.pageType == "urlhalamantertentu"'>
......................................................................</b:if>
kode berwarna biru ubah dengan url halamanMenampilkan widget di semua halaman kecuali halaman tertentu.
<b:if cond='data:blog.pageType != "urlhalamantertentu"'>
......................................................................</b:if>
kode berwarna biru ubah dengan url halaman- Terapkan salah satu kode di atas sesuai dengan letak halaman yang sobat inginkan.
- Saya akan mencontohkan penerapan kode yang pertama, pada widget terjemahan yang sebelumnya telah diketahui widget id-nya.
- Letakan kode
<b:if cond='data:blog.url == data:blog.homepageUrl'>
di bawah kode<b:includable id='main'>,
dan kode</b:if>
di atas kode</b:includable>
. Sehingga kurang lebih hasilnya akan seperti berikut.
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<data:pageLanguage/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
- Jika telah selesai menerapkan kode-kodenya, silakan klik Simpan Template.