Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog

Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog
Cara memasang dan membuat widget hanya tampil di halaman dalam (single posts) artikel web blog atau situs.

Biasanya kalau web blog kita dipasangkan "Recent Post", maka juga muncul dilaman Homepage.

Baca Juga: Cara membuat kotak HTML di Blogger (Blogspot).

Google sah-sah saja menganggap itu spam, karena terdapat Links yang sama dalam satu halaman. Terkecuali kalau yang dipasangkan bukan "Recent Post" melainkan widget-widget lain berdasarkan label/kategori, bisa dianggap aman-aman saja karena beda Judul Artikelnya dan Linknya.

Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog

Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog

Jadi, alangkah baiknya kalau kita menyembunyikan widget "Artikel Terbar" tersebut. Kita juga bisa menyembunyikan beberapa widgets yang kita anggap tidak penting untuk tampil di Homepage tapi sangat penting apabila tampil di Single Post! Peran pentingnya, bisa ningkatin Bounce Rate!

Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog


Ikuti langkah-langkah dibawah ini secara seksama, mudah kok :) Jangan sampai ada yang terlewatkan barang sedikit pun.

#1. Buat dulu widgetnya, terserah

Widgetnya itu macam-macam, kalau untuk widget artikel terbaru, kodenya ini:

http://domain.blogspot.co.id/feeds/posts/default

Kalau widget berdasarkan label atau kategori tertentu, kodenya ini:

http://domain.blogspot.co.id/feeds/posts/default/-/Tips%20Blogging

Ada kode "%20" (tanpa tanda petik) pas dibagian kategori, kode %20 ini berfungsi sebagai tanda pemisah (space) kalau kategori tersebut memang terdiri dari 2 kata. Kalau label hanya satu kata, cukup satu kata saja tanpa tambahan %20.

Baca Juga: Pengaruh Mengedit Artikel Blog (Blogspot).

Cara membuat widgetnya mudah, ikuti saja langkah-langkah dibawah ini:

  1. Masuk ke Layout > Add Widget
  2. Cari "Feed" dan masukkan salah satu URL diatas
  3. Tolong disesuaikan nama blog dan nama kategorinya
  4. Enter dan muncul widget, ssesuaikan apakah image atau snippetnya muncul atau tidak
  5. Klik OK dan widget pun muncul

#2. Cara Membuat Widget Hanya Tampil di Single Post Blog

Lanjutannya adalah bagaimana cara kita membuat tampilan widget tersebut hanya muncul di dalam halaman blog, istilah lainnya adalah Single Post. Mudah, kok ;)

1. Buka blogger > template
2. Cari kode dimana widget tersebut berada
3. Misalnya kode Feed yang nomor 1 diatas tadi

<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>

Ditengah-tengah kode tersebut ada 2 kode tambahan yang harus kita selipkan, kode tersebut dan cara menempatkannya adalah seperti 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>

Ada kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> yang membuat tampilan widget muncul saja di Single Post. Kedua kode ini juga berlaku bagi macam-macam widget yang akan dipasang.

Baca Juga: Pengertian dan Tugas seorang Webmaster.

Kode <b:if cond='data:blog.pageType == "item"'> dipasang setelah kode <b:includable id='main'>, dan kode </b:if> dipasangkan sebelum kode </b:includable>.

Mudah, kan? Nggak juga sih apalagi bagi yang baru saja mempelajarinya. Terus dipraktekkan yaaa, tidak ada kata terlambat untuk belajar ngeblog (blogspot). Punya pertanyaan?

0 Response to "Cara Membuat Widget Hanya Tampil di Halaman Dalam Blog"

Post a Comment

Komentar spam & link aktif akan dihapus. Centang OK pada "notify me" agar komentar balasan saya masuk ke email Anda.