Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog

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

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

Contohnya seperti 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 agar muncul di Single Posts.

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

Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog

Cara ini juga tergolong bagus buat SEO karena 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 contoh 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 kode di bawah ini:

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

Dan kode ini:

</b:if>

Di sela-sela Gadget dari Recent Post di atas. Contohnya seperti 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 Membuat Widget hanya Muncul Ditempat Tertentu di Blog

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

Kenapa?

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

Selalu ingat bahwa kode di bawah ini:

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

Ditempatkan diatas kode:

<b:includable id='main'>

Sehingga hasilnya seperti ini:

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

Dan kode ini:

</b:if>

Ditempatkan diatas kode:

</b:includable>

Sehingga hasilnya akan seperti 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) berdasarkan label atau kategori.

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 bagus buat SEO (duplikat konten), hal itu juga malah memperberat loading blog padahal Fast Loading blog itu penting.

Posting Komentar untuk "Cara Membuat Widget hanya Muncul Ditempat Tertentu di Blog"