HALAMAN depan (home, beranda, homepage) blog umumnya sudah menampilkan Posting Terbaru (Recent Posts, Latest Posts). Maka, tidak perlu lagi ada widget Posting Terbaru di homepage, melainkan menampilkan widget "Posting Terbaru" itu hanya di halaman dalam, halaman posting, atau "single post".
Contohnya, coba perhatikan blog CONTOHBLOG (CB) ini. Di homepage tidak ada widget posting terbaru, tapi begitu salah satu judul postingnya dibuka, maka di sidebar ada widget posting terbaru (Recent Posts).
Demikian pula, di homepage CB ini tidak ada widget Labels, Random Posts, Recent Comments. Hanya ada kotak pencarian, adsense google, dan posting terpopuler. Widget Labels, Random Posts, dan Recent Comments itu hanya ada di halaman dalam/halaman posting.
Bagaimana cara menampilkan widget posting terbaru atau widget lainnya hanya pada halaman tertentu? Ada dua kode yang harus kita masukkan:
<b:widget id='HTML1' locked='false' title='Posting Terbaru' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Contohnya, coba perhatikan blog CONTOHBLOG (CB) ini. Di homepage tidak ada widget posting terbaru, tapi begitu salah satu judul postingnya dibuka, maka di sidebar ada widget posting terbaru (Recent Posts).
Demikian pula, di homepage CB ini tidak ada widget Labels, Random Posts, Recent Comments. Hanya ada kotak pencarian, adsense google, dan posting terpopuler. Widget Labels, Random Posts, dan Recent Comments itu hanya ada di halaman dalam/halaman posting.
Bagaimana cara menampilkan widget posting terbaru atau widget lainnya hanya pada halaman tertentu? Ada dua kode yang harus kita masukkan:
- Kode HTML untuk menampilkan widget di halaman depan (home) saja: <b:if cond='data:blog.homepageUrl == data:blog.url'> kode penutup </b:if>
- Kode HTML untuk menampilkan widget di halaman dalam (posting) saja: <b:if cond='data:blog.pageType == "item"'> dan kode penutup </b:if>
Contoh penerapan kode pertama (widget hanya muncul di halaman depan saja) untuk Widget Posting Terbaru:
1. Layout > Add Ganget
2. Pilih "Feeds"
3. Masukkan URL ini: http://namabloganda.blogspot.com/feeds/posts/default
4. Ubah judul atau "Widget Title" dengan nama Posting Terbaru
5. Save!
Langkah berikutnya adalah masuk ke Edit Template: Template > Edit HTML, lalu cari kode seperti di bawah ini:
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Simpan <b:if cond='data:blog.homepageUrl == data:blog.url'> tepat setelah kode <b:includable id='main'> dan kode penutupnya </b:if> disimpan tepat di atas kode </b:includable>. Hasilnya akan seperti ini:
<b:widget id='HTML1' locked='false' title='Posting Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Contoh penerapan kode kedua (menampilkan widget di halaman dalam saja)
Lakukan hal yang sama seperti langkah di atas. Di template Anda akan ada kode seperti di bawah ini:
<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Masukkan kode <b:if cond='data:blog.pageType == "item"'> setelah kode <b:includable id='main'> dan kode </b:if> sebelum kode </b:includable>. Hasilnya akan seperti ini:
<b:widget id='HTML1' locked='false' title='Nama Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Variasi Lainnya:
1. Widget hanya muncul di halaman statis:
<b:if cond='data:blog.pageType != "static_page"'>
2. Widget hanya muncul di halaman/posting tertentu
<b:if cond='data:blog.url == "URL Halaman Di sini"'>
Itulah Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post) atau cara memunculkan widget lainnya di halaman depan atau dalam saja. Good Luck....!
BACA JUGA: Cara Menampilkan Posting Terbaru
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Variasi Lainnya:
1. Widget hanya muncul di halaman statis:
<b:if cond='data:blog.pageType != "static_page"'>
2. Widget hanya muncul di halaman/posting tertentu
<b:if cond='data:blog.url == "URL Halaman Di sini"'>
Itulah Cara Menampilkan Widget "Posting Terbaru" Hanya di Halaman Posting (Single Post) atau cara memunculkan widget lainnya di halaman depan atau dalam saja. Good Luck....!
BACA JUGA: Cara Menampilkan Posting Terbaru