cara menampilkan widget hanya di homepage (halaman depan)

ikhtisar
menampilkan widget/ gambar/ text hanya di halaman depan (homepage) menggunakan tag konditional berikut ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
letak widget, gambar atau apapun yang hanya akan kamu tampilkan pada halaman depan / homepage saja
</b:if>
deskripsi dan penerapan

halaman homepage itu yang mana sih? 
halaman homepage adalah halaman awal, beranda, halaman depan dari web atau blog. contohnya seperti berikut ini:

  • www.namablogkamu.com
  • namablogkamu.blogspot.com

terkadang dalam mendesain blog atau web, kamu ingin agar suatu widget atau gambar hanya tampil di halaman depan atau homepage saja. bisa dengan berbagai tujuan, misalnya kamu ingin menampilkan widget iklan yang hanya muncul di homepage saja, sedangkan pada halaman artikel atau halaman lain widget tersebut tidak muncul.

hal tersebut sangat mungkin di lakukan pada blogger/ blogspot dengan menggunakan tag atau kode di atas pada ikhtisar. jadi cara kerjanya, setiap widget, iklan, gambar, text dan lain sebagainya yang berada di dalam kode tag tersebut hanya akan di tampilkan pada halaman utama / homepage dan akan di sembunyikan di halaman lain.

berikut ini beberapa cara penerapan tag tersebut di atas yang bisa kamu lakukan.

  1. menampilkan widget hanya pada homepage
    pada umumnya kode penyususn widget pada blogspot seperti di bawah ini

    <b:widget id="HTML1" locked="false" title="widget" 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></data:title></h2>
    </b:if>
     <div class="widget-content">
    <data:content>  </data:content>
    </div>
    <b:include name="quickedit" />
    </b:includable>
    </b:widget>

    untuk menampilkan widget hanya pada halaman utama maka tambahkan tag kontional kedalam widget, sehingga susunannya seperti di bawah ini

    <b:widget id="HTML1" locked="false" title="widget" type="HTML" visible="true">    <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></data:title></h2>
    </b:if>
     <div class="widget-content">
    <data:content>  </data:content>
    </div>
    <b:include name="quickedit" />

    </b:if>

    </b:includable>
    </b:widget>


  2. menampilkan gambar, text  hanya pada halaman homepage
    caranya penerapannyapun juga sama, cukup memasukkan file yang hanya ditampilkan pada homepage seperti di bawah ini,

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

    <img src="image/image.jpg"/>

    </b:if>
  3. menampilkan widget, gambar, text ataupun selector dengan menggunakan css
    salah satu cara yang bisa di lakukan untuk 


Komentar