Sunday, February 5, 2017

Cara Menampilkan Widget di Halaman Tertentu - Widget merupakan salah satu partikel penting di dalam Blog. Melalui widget-lah para pengunjung akan lebih dimudahkan dalam mencari informasi yang lebih akurat dan tentunya tepat. Tak hanya itu, widget pula dapat digunakan oleh administrator untuk mempercantik dan memperindah tampilan sebuah Blog atau Website. Nah, sedangkan bagi yang belum tahu, ternyata widget juga dapat digunakan untuk memperkuat SEO atau Search Engine Optimation sehingga Blog yang dimiliki dapat bersaing dan menang di segala mesing pencari, seperti Google dan Bing. Nah, seru, bukan? Tentunya, dong.

Tapi, apakah semua fitur widget harus ditampilkan di seluruh halaman? Wah, pastinya justru tampilan halaman Blog malah jadi ngga menarik. Tak jarang, kita melihat Website atau Blog yang sudah professional menampilkan beberapa widget hanya pada beberapa halaman saja. Ya, tujuannya adalah agar informasi yang diberikan kepada pengunjung lebih menarik dan sesuai dengan keinginan pengunjung. Berikut ini, sudah Saya rangkum ke dalam beberapa baris tulisan mengenai Cara Menampilkan Widget di Halaman Tertentu.

Cara Menampilkan Widget di Halaman Tertentu


Menampilkan Widget di Halaman Tertentu

Tutorial


1. Buatlah widget baru di dalam Blog masing-masing dan berilah nama widget Blognya sesuai dengan isi dalam widget tersebut. Disarankan untuk tidak mengosongkan judul widgetnya
2. Masuklah ke dalam pengaturan template, kemudian Edit HTML.
3. Di dalam halaman Edit HTML tersebut, Anda akan melihat tulisan "Jump to Widget" dengan dropdown sesuai dengan jumlah widget yang sudah terpasang pada masing-masing Blog.

Jump to Widget

4. Pilihlah salah satu widget yang ingin Anda tampilkan hanya pada halaman tertentu saja. Pada contoh kali ini, Saya menggunakan widget HMTL11. Atau jika Anda tidak menemukan judul widget Anda di dalam tampilan Jump to Widget, maka Anda bisa menggunakan fitur Search (CTRL + F), kemudian cari dengan keyword judul widget yang telah Anda buat sebelumnya.
5. Jika sudah ketemu, maka akan muncul script seperti berikut ini.
<b:widget id='HTML11' locked='false' mobile='yes' title='' type='HTML' visible='true'>
              <b:includable id='main'>
  <!-- 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:includable>
            </b:widget>
6. Selanjutnya tambahkan kode untuk menampilkan widget di halaman tertentu sebelum kode
<!-- only display title if it's non-empty --> 
7.  Jika sudah, kemudian tambahkan kode </b:if> sebelum kode berikut ini
</b:includable> 
</b:widget>
8. Simpan, kemudian lihatlah hasilnya.

Taruh beberapa kode untuk Menampilkan Widget di Halaman Tertentu sesuai dengan tutorial di atas. Pilih sesuka Anda

Kode Untuk Menampilkan Widget di Halaman Tertentu.


1. Menampilkan widget hanya di halaman depan saja (homepage)


<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.


<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.


<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.


<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if> 

7. Menampilkan widget hanya di postingan tertentu saja.


<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.


<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.


<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if> 

Jika sudah, jangan biarkan teman Anda kudet juga yah! Segera Like dan Share artikel ini untuk mendapat ilmu yang lebih bermanfaat.

Rendy Andriyanto . 2017 Copyright. All rights reserved. Designed by Blogger Template | Free Blogger Templates