» » Cara Mengatur Tampilan Sidebar Widget Blog Blogspot

Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot agar tampil hanya di halaman depan blog atau hanya di halaman single posting saja.

Kunci dalam Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot adalah masalah penambahan kode:
  1. Kode  <b:if cond='data:blog.url == data:blog.homepageUrl'> hanya untuk menampilkan sidebar widget halaman depan (homepage) saja dengan menambahkan kode  </b:if> sebelum kode penutup sidebar widget.
  2. Kode   <b:if cond='data:blog.pageType == "item"'> hanya untuk  menampilkan sidebar widget blog di halaman posting saja dengan menambahkan kode  </b:if> sebelum kode penutup sidebar widget.
    Berikut ini rincian dan penjelasan Cara Mengatur Tampilan Sidebar Widget (Gadget) Blog Blogspot.
    1. Buat dulu sidebar widget (Gadget) dan kasih nama, misalnya IKLAN
    2. Cari nama Gadget IKLAN tadi di "Template" --> "Edit HTML" dan akan ditemukan kode seperti berikut ini:

    b:widget id='HTML?' locked='false' title='IKLAN' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>

    3. Agar Gadget IKLAN hanya muncul di halaman depan saja/tidak muncul di halaman posting, maka tambahkan kode yang berwarna merah.

    <b:widget id='HTML?' locked='false' title='IKLAN' 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 != ""'>
    <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>

    4.  Agar Gadget IKLAN hanya muncul di halaman halaman posting saja, maka tambahkan kode yang berwarna merah.

    <b:widget id='HTML?' locked='false' title='IKLAN ' 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 != ""'>
    <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>

    5. SAVE! Good Luck!

    Catatan: 
    1. Perhatikan kode HTML?
    2. Nanti yang muncul di ? adalah angka sesuai dengan yang diberikan blogger.

    About Muhammad fadli

    Hi there! I am Hung Duy and I am a true enthusiast in the areas of SEO and web design. In my personal life I spend time on photography, mountain climbing, snorkeling and dirt bike riding.
    «
    Next
    Newer Post
    »
    Previous
    Older Post