Cara Biar Widget Blog Tampil Di Halaman Depan Saja

Widget blog ialah bab dari konten blog itu sendiri, sanggup berupa link, popular post, recent post, gambar, iklan dll. Mungkin Anda pernah melihat  sebuah blog dengan konten widget yang seolah – olah mengalami perubahan, tidak statis, misal ada sebuah widget yang tampil dikala di halaman depan blog saja sedangkan dikala membaca artikel widget tersebut seolah mengahilang.


Lihat juga : Menghilangkan Sidebar Ketika Mengakses Laman Blog

Bukan spesialuntuk mengatur widget agar spesialuntuk tampil pada halaman depan blog saja, kita juga sanggup mengatur/menyebunyikan widget dengan beberapa opsi lain, Anda sanggup menentukan 4 opsi untuk mengatur widget

Teknik Supaya Widget Blog Tampil di Halaman Depan Saja

1. Menampilkan widget spesialuntuk di halaman depan saja 
2. Menampilkan widget spesialuntuk pada halaman tertentu saja 
3. Menghilangkan widget spesialuntuk pada halaman tertentu saja 
4. Menampilkan Widget dikala Artikel blog dibaca 
5. Menyembunyikan Widget dikala Artikel blog dibaca
   

 #Menampilkan widget spesialuntuk di Halaman Depan Saja
Maksudnya widget spesialuntuk tampil dikala di home/halaman depan saja, Anda sanggup menambahkan tag, kondisi parameter diberikut <b:if cond='data:blog.url == data:blog.homepageUrl'>  pada  setiap widget yang ingin diatur agar tampil di halaman depan

#Menampilkan Widget Hanya Pada Halaman Tertentu Saja
Anda sanggup menambahkan parameter diberikut  <b:if cond='data:blog.url ==  "Alamat URL"'>

#Menyembunyikan Widget Hanya Pada Halaman Tertentu saja
Kondisinya hampir sama dengan poin 2 namun operator perbandingan yang dipakai ialah “!=”, menambahkan parameter diberikut <b:if cond='data:blog.url !=  "Alamat URL"'>

#Menampilkan Widget Ketika Artikel Blog di Baca
Tambahakan parameter diberikut  <b:if cond='data:blog.pageType == "item"'>

#Menghilangkan Widget Ketika Artikel di Baca
Ini juga sama spesialuntuk operator yang dipakai tidak sama, menambahkan <b:if cond='data:blog.pageType != "item"'>

#Instalasi/Teknik Penempatan Widget
Misal disini Saya ingin agar widget popular post yang terdapat di blog saya tampil pada halaman depan saja maka langkah – langkah yang perlu saya lakukan ialah sebagai diberikut

1. Masuk ke halaman Edit HTML
2. Cari Widget Popular Post
3. Bila sudah temukan, umumnya script widget akan tertutup, untuk itu perlu dibuka dengan cara mengklik pada bab tengah menyerupai yang ditunjukan pada gambar dibawah ini
   
4. Bagian <b:includable id='main'> yang tertutup juga nanti di klik sehingga nanti akan muncul script diberikut,
   

    <b:includable id='main'>                     <b:if cond='data:title'>                       <h2>                         <data:title/>                       </h2>                     </b:if>                     <div class='widget-content popular-posts'>                       <ul>                         <b:loop values='data:posts' var='post'>                           <li>                             <b:if cond='data:showThumbnails == &quot;false&quot;'>                               <b:if cond='data:showSnippets == &quot;false&quot;'>                                 <!-- (1) No snippet/thumbnail -->                                 <a expr:href='data:post.href'>                                   <data:post.title/>                                 </a>                                 <b:else/>                                 <!-- (2) Show only snippets -->                                 <div class='item-title'>                                   <a expr:href='data:post.href'>                                     <data:post.title/>                                   </a>                                 </div>                                 <div class='item-snippet'>                                   <data:post.snippet/>                                 </div>                               </b:if>                               <b:else/>                               <b:if cond='data:showSnippets == &quot;false&quot;'>                                 <!-- (3) Show only thumbnails -->                                 <div class='item-thumbnail-only'>                                   <b:if cond='data:post.thumbnail'>                                     <div class='item-thumbnail'>                                       <a expr:href='data:post.href' target='_blank'>                                         <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                                       </a>                                     </div>                                   </b:if>                                   <div class='item-title'>                                     <a expr:href='data:post.href'>                                       <data:post.title/>                                     </a>                                   </div>                                 </div>                                 <div style='clear: both;'/>                                 <b:else/>                                 <!-- (4) Show snippets and thumbnails -->                                 <div class='item-content'>                                   <b:if cond='data:post.thumbnail'>                                     <div class='item-thumbnail'>                                       <a expr:href='data:post.href' target='_blank'>                                         <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                                       </a>                                     </div>                                   </b:if>                                   <div class='item-title'>                                     <a expr:href='data:post.href'>                                       <data:post.title/>                                     </a>                                   </div>                                   <div class='item-snippet'>                                     <data:post.snippet/>                                   </div>                                 </div>                                 <div style='clear: both;'/>                               </b:if>                             </b:if>                           </li>                         </b:loop>                       </ul>                       <b:include name='quickedit'/>                     </div>                   </b:includable>  

5. Tambahkan parameter <b:if cond='data:blog.url == data:blog.homepageUrl'> pada bab atas <b:if cond='data:title'> dan ditutup dengan </b:if> pada bab bawah </div> paling bawah atau dibagian atas </b:includable>

Intinya penempatan parmeter menyembunyikan atau menampilkan widget di tempatkan pada bab atas <b:if cond='data:title'> dan tag penutupnya ditaruh dibagian atas </b:includable>. 

Nanti  parameter yang sudah dijelaskan diatas sanggup Anda menambahkan pada salah satu widget blog yang ada, pilih salah parameter/conditional yang sesuai dengan kebutuhan, apakah widget akan ditampilkan pada halaman depan saja, widget disembunyikan dikala artikel dibaca, widget ditampilkan dikala artikel dibaca. dll. Anda tinggal gunakan operator == untuk kondisi menampilkan atau != untuk menyembunyikan widget

Share :