Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja

Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja - Apa yang dimaksut dengan Homepage? Homepage adalah halaman muka dari sebuat situs web. Homepage juga bisa diartikan sebagai halaman default yang diset untuk sebuat browser. Pada pembahasan kali ini yang saya maksutkan adalah homepage pada blog atau website Agar blog tampil lebih dinamis dan terkesan profesional. Bagaimana cara untuk membuat website terlihat dinamis dan terkesan propesional? Sebaiknya beberapa widget yang dianggap pokok dan utama hanya ditampilkan di halaman utama atau Home page saja. Bagaimana cara membuat sebuah widget hanya tampil pada Homepage atau hanya tampil pada Postingan Saja? Teman-teman dapat mengikuti langkah-langkah dibawah ini:

Cara membuat widget yang hanya tampil di homepage saja atau di postingan saja

1. Login ke Blogger dengan ID sobat
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML.
4. Jangan lupa Backup Template sobat agar mudah mengembalikan jika terjadi kesalahan.
5. Beri tanda centang pada cekbox “expand template widget”.
6. Gunakan F3 pada keyboard komputer anda untuk mencari kode widget anda. Contoh: 'Artikel Terbaru'.
7. Setelah ketemu, berikut cara memodifikasiny :

Membuat Widget Tampil di HomePage

1. Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
2. Sisipkan kode : </b:if> diatas kode </b:includable>
   Contoh lengkapnya seperti ini :
   
   Kode:

   
   <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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:if> </b:includable> </b:widget>

Membuat Widget Tampil di Posting

1. Sisipkan kode : <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
2. Sisipkan kode: </b:if> diatas kode </b:includable>
   Contoh lengkapnya seperti ini :
   
   Kode:

   
   <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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:if>
   </b:includable>
   </b:widget>

Setelah selesai mengikuti langkah-langkah diatas jangan Lupa Save Templatenya, dan Teman-teman bisa lihat hasilnya, Semoga tutorial ini bisa membantu membuat blog atau website Teman-teman. KLIK DISINI UNTUK DOWNLOAD