Posted by Aak
Aak-share.com Updated at: 3:45:00 PM

Menampilkan Widget Hanya di Homepage, Halaman Posting atau di Halaman Statis

No comments:
Menampilkan Widget Hanya di Homepage, Halaman Posting atau di Halaman Statis Blog -  Pada kesempatan kali ini saya akan berbagai tutorial menampilkan widget di halaman tertentu baik itu di homepage, halaman statis, maupun halaman posting saja.

Trik ini saya gunakan untuk menampilkan unit iklan hanya di hompage atau halaman depan Blog, jadi iklan hanya muncul di halaman depan saja. Untuk menyembunyikan widget tersebut dengan menggunakan conditional tags.


Cnditional tags adalah salah satu tag XML Blogger (b if) untuk memberikan perintah agar widget di tampilkan hanya di bagian tertentu dan menyembunyikannya di halaman lain. Untuk demonya kamu bisa melihat iklan Adsense yang ada di homepage di bagian bawah.

Nah, jika kamu ingin menyembunyikan widget dan menapilkannya di bagian tertentu agar blog kamu terlihat rapih, berikut langkah-langkahnya :

1. Login keakun Blogger
2. Pilih Template, Edit HTML
3. Selanjutnya tekan tombol lompati Widget, lalu pilih salah satu widget yang akan kamu sembunyikan (saya ambil contoh HTML 4)


Berikut contoh ID Widget HTML 4 :


4. Berikutnya kamu beri conditional tags b:if padaeleman widget di awal dan di akhir, berikut contohnya :

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

</b:if>
</b:includable>
</b:widget>

Selengkapnya, berikut conditional tags berdasarkan jenis halaman dan cara menambahkannya, perhatikan tag berwarna merah dan itulah yang harus kamu tambahkan:

Menampilkan Widget Hanya di Halaman Utama (Homepage)

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

Menampilkan Widget Hanya di Halaman Posting

<b:widget id='HTML4' locked='false' title='' 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 != &quot;&quot;'>
    <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>

Menampilkan Widget Hanya di Halaman Statis

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

Menampilkan Widget Hanya di Halaman Arsip (Archive)

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

Menampilkan Widget Hanya di Salah Satu Halaman (Berdasarkan URL)

<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Isi URL Halaman di sini"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

5. Setelah conditional tags ditambahkan, lalu save template.

Apabila kamu ingin menyembunyikan widget yang lainnya, kamu harus melakukan dan mengulang caranya dari awal seperti langkah di atas yakni cari ID widget, cari elemen widget HTML, masukkan conditional tags dan Save Template.

Demikian tutorial Cara Menampilkan Widget Hanya di Homepage, Posting atau di Halaman Statis dan berdasarakan halaman tertentu. Terima kasih dan semoga bermanfaat.
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments