Cara Menampilkan Wiget Hanya Di Home Page

Cara menampilkan wiget hanya di home page
Cara Menampilkan Wiget Hanya Di Home Page - 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. So, dalam kesempatan ini, saya ingin berbagi mengenai bagamana Cara Menampilkan Wiget Hanya Di Home Page


  • Pertama-tama temukan dulu nama ID dari widget sobat
  • Jika sudah ketemu ID nya, jangan lupa Copy ID widgetnya, 
  • Langkah selanjutnya seperti biasa buka menu Template > Pilih Edit HTML, ketikkan CTRL+F pada HTML template sobat untuk mencari nama ID widget yang sudah sobat dapat dari link tutorial diatas "Cara Menemukan Nama ID Widget". 
  • Pastekan ID widget sobat pada kolom search CTRL+F tadi, lalu Enter. Maka sobat akan menemukan letak ID Widget blog sobat beserta kode HTML nya. Di bawah ini merupakan ID Widget blog ini "HTML1"

  • 
    <b:widget id='HTML1' locked='false' title='' type='HTML'>
              <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>
    • Sekarang kita tinggal menambahkan Tag Kondisional pada ID Widget tersebut agar hanya tampil pada halaman Homepage saja.
    
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
        Kode HTML widgetnya disini
    </b:if>

    • Setelah di aplikasikan, akan terlihat seperti ini hasilnya.
    
    <b:widget id='HTML1' 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>

    • Terakhir Save template sobat, dan lihat hasilnya. 

    Demikian tutorialnya sob, semoga berhasil. Jika ada kendala ataupun masalah ketika menerapkan kode tag kondisional HTML diatas, silahkan bertanya pada kolom komentar yang ada di bawah artikel ini. Jangan lupa untuk SUBSCRIBE blog ini yah. Terima kasih sudah mampir, dan sampai jumpa di artikel lainnya.

    BERLANGGANAN GRATIS!
    Berlangganan update artikel terbaru via email:

    Buka Komentar

    0 Response to "Cara Menampilkan Wiget Hanya Di Home Page"

    Posting Komentar

    Satu komentar kamu, sejuta semangat buat kami. Jadi, berkomentarlah yang baik, agar kami juga akan lebih baik.

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel