Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Widget Hanya Muncul Ditempat Tertentu Di Blog

Cara Pasang dan Membuat Widget Hanya Muncul di Halaman-Halaman Tertentu di Blog

Maksudnya adalah bagaimana cara menampilkan suatu widget hanya muncul di beberapa halaman saja ibarat di Homepage atau Single Post saja.

Contohnya ibarat di blog ini. Ada widget Posting Terbaru atau Recent Posts.

Widget tersebut hanya muncul di Single Posts, atau di halaman dalam artikel di blog; sedangkan di Homepage, widget tersebut tidak ditampilkan.

Mengapa hal ini perlu dilakukan?

Secara logika, kenapa sih harus memasang widget Recent Posts di Homepage sedangkan di Homepage memang sudah jelas-jelas ada artikel terbarunya? Gak masuk akal, kan?

Maka dari itu, widget dari Posting Terbaru sebaiknya diatur biar muncul di Single Posts.

Baca Juga: Cara Mengatasi Nama Widget dan Judul Artikel di Widget Blog yang Menghilang

Cara Pasang dan Membuat Widget Hanya Muncul di Halaman Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog

Cara ini juga tergolong anggun buat SEO alasannya menaikkan Ranking web blog, situs atau website; dan meningkatkan Pageviews dari blog kita.

Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog


1. Login to Blogger > Edit Theme
2. Cari widget yang ingin ditampilkan di tempat-tempat tertentu di blog (disini saya ambil pola widget "Recent Post")

<b:widget id='Feed1' locked='false' title='Posting Terbaru' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
</b:includable>
</b:widget>

3. Tambahkan 2 buah aba-aba di bawah ini:

<b:if cond='data:blog.pageType == "item"'>

Dan aba-aba ini:

</b:if>

Di sela-sela Gadget dari Recent Post di atas. Contohnya ibarat di bawah ini:

<b:widget id='Feed1' locked='false' title='Posting Terbaru' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
</b:if>
</b:includable>
</b:widget>

4. Selanjutnya silahkan simpan template blogger

Baca Juga: Menghapus Judul Laman Statis serta Tujuannya bagi SEO

Cara Pasang dan Membuat Widget Hanya Muncul di Halaman Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog

Menyembunyikan atau menghilangkan widget artikel terbaru dan hanya tampil dihalaman dalam artikel sangat anggun dan direkomendasikan oleh kalangan para pakar dan master blogger.

Kenapa?

Sebab jikalau widget tersebut juga muncul di homepage, ibarat adanya unsur duplikat konten dalam satu halaman.

Selalu ingat bahwa aba-aba di bawah ini:

<b:if cond='data:blog.pageType == "item"'>

Ditempatkan diatas kode:

<b:includable id='main'>

Sehingga balasannya ibarat ini:

..............................
..............................
<b:if cond='data:blog.pageType == "item"'>
<b:includable id='main'>
..............................
..............................

Dan aba-aba ini:

</b:if>

Ditempatkan diatas kode:

</b:includable>

Sehingga balasannya akan ibarat di bawah ini:

..............................
..............................
</b:if>
</b:includable>
..............................
..............................

Cara di atas juga berlaku untuk widget Popular Posts, Recent Comments (komentar terbaru) dan widget Feed (artikel terbaru) menurut label atau kategori.

Cara Pasang dan Membuat Widget Hanya Muncul di Halaman Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog

Baca Juga: EFEK Menganti Template Blogger SEO

Ingat, tidak perlu pasang widget Recent Post di Homepage, selain itu tidak anggun buat SEO (duplikat konten), hal itu juga malah memperberat loading blog padahal Fast Loading blog itu penting.