-->
IBX5824722692B28

Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog

Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog - Menyambung Artikel saya sebelumnya yaitu yang berjudul Cara Menyembunyikan Widget yang ada di Halaman Utama Blog, maka pada artikel lanjuta ini kita akan membahas lebih lengkap tentang Widget dan Cara menampilkannya di halaman tertentu blog kita. Sebagaimana yang saya jelaskan sebelumnya bahwa untuk menampilkan Widget blog pada halaman tertentu adalah kita harus terlebih dahulu mengetahui ID Widget blog tersebut, Nah untuk Info selengkapnya agar saya tidak mengulang lagi silahkan baca lewat link dibawah.


Ketika melakukan setting desain blog, terkadang kita terkendala dengan banyaknya widget yang ditampilkan, sehingga widget tampak berdesakan dan halaman menjadi begitu panjang. Dalam kasus lain lagi, terkadang kita hanya ingin widget tertentu hanya muncul di halaman spesifik, baik homepage, halaman statis, maupun halaman posting saja.

Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog
Baik untuk Mulai Praktek  Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog mari ikuti Langkah-langkah dibawah ini : 

1. Memberikan Conditional Tags Pada Elemen Widget

Untuk menampilkan widget di halaman tertentu, anda harus menambahkan conditional tags (b if cond) pada elemen widget yang diinginkan. Berikut langkah menambahkannya sesuai dengan contoh widget yang sudah disampaikan di atas :

a. Masuk ke halaman Template Blogger (Dashboard > klik Tema)

b. Klik "Edit HTML"

c. Tekan CTRL+F, masukkan ID widget yang diinginkan yang sebelumnya telah dicari dan dipersiapkan. Dalam contoh ini saya akan menggunakan id widget "HTML11" sebagai contoh dan berikut kurang lebihnya elemen widget sobat  lihat gambar dibawah :




d. Kemudian tambahkan Conditional Tag setelah <b:includable id='main'> atau diatas <!-- only display title if it's non-empty --> dan Tag penutupnya sebelum </b:includable> atau dibawah <b:include name='quickedit'/> (Cari saja kode tersebut pasti ada) . Jika sudah mengerti Berikut conditional tags berdasarkan jenis halaman dan cara menambahkannya, perhatikan tag berwarna merah dan itulah yang harus ditambahkan.

2. Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)

<b:widget id='HTML11' 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>

3. Cara Menampilkan Widget Hanya di Halaman Posting

<b:widget id='HTML11' 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>

4. Cara Menampilkan Widget Hanya di Halaman Statis
<b:widget id='HTML11' 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>

5. Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
<b:widget id='HTML11' 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>

6. Cara 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 == "Ganti dengan 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>
7.  Itulah 6  conditional tags yang bisa anda Tambahkan untuk mengatur Tampilan Widget di Blog sobat. Setelah conditional tags ditambahkan, save template dan Lihat Hasilnya.

Nah itulah Penjelasan lengkap Mengenai Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog, jika sebelumnya kita hanya membahas penempatan Widget hanya di Halaman Utama atau Beranda Blog maka kali kita sudah melengkapi semua baik di beranda,postingan, static, arsip maupun di halaman tertentu. ID widget adalah kunci utama dan penempatan Tag Conditional yang bertanda merah adalah kunci keberhasilan anda dalam menampilkan Widget di halaman tertentu yang ingin anda tampilkan. Sekian dan semoga bermanfaat, Apabila ada yang tidak di dimengerti silahkan bertanya di komentar dibawah !

Sumber : buka-rahasia.blog

Judul: Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog; Ditulis oleh Pusat Baclink; Rating Blog: 5 dari 5

0 Response to "Cara Menampilkan Widget Hanya di Homepage/Halaman Postingan Blog"

Post a Comment