by

Menampilkan Widget Dihalaman Tertentu Pada Blog

Para pengguna Blogger (.blogspot.com) kadang penasaran ingin memasang widget atau gadget di halaman tertentu saja blog mereka. Memasang widget atau gadget sebenarnya tidak terlalu sulit, namun jika hanya ingin ditampilkan pada halaman tertentu bagi Blogger awam bukan lah perkara mudah, kadang saat mencoba memasangnya sering sekali terjadi error.

Oleh karena itulah bagi Anda yang ingin mencoba memasang widget di halaman tertentu pada Blogger (.blogspot.com) Anda dapat mengikuti panduan berikut ini.

1. Login ke halaman blogger Anda.
2. Setelah itu cari tahu satu blok kode elemen dari widget Anda. Biasanya akan terdapat kode-kode yang berhubungan dengan judul, maupun isi dari widget Anda tersebut. Misalnya dalam kasus saya ini, widget saya berisi label (kategori dalam blog) maka saya dapat mencari kode widgetnya seperti screenshot berikut.

Widget Label di Sidebar
Widget Label di Sidebar
Kode Memasang Widget Dihalaman Tertentu Pada Blog
Kode Memasang Widget Dihalaman Tertentu Pada Blog

Pada screenshot tersebut saya hanya menampilkan widget label di halaman artikel-artikel saja. Sehingga saya menambahkan kode <b:if cond=’data:blog.url != data:blog.homepageUrl’> setelah kode <b:includable id=’main’>. Dan tag penutup </b:if> saya tambahkan sebelum kode penutup </b:includable>.
3. Berikut adalah contoh kode full cara memasang widget dihalaman tertentu saja.

<b:widget id='Label2' locked='false' title='' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'><b:if cond='data:blog.url != data:blog.homepageUrl'>
  <b:if cond='data:title != &quot;&quot;'>
    
<h2><data:title/></h2>

  </b:if>
  
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      
<ul>
        <b:loop values='data:labels' var='label'>
          
<li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>

        </b:loop>
      </ul>

    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>

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

4. Dibawah ini adalah jenis kondisi-kondisi menampilkan widget dihalaman tertentu saja yang mungkin akan berguna buat Anda nantinya.
5. Jika Anda ingin widget tampil hanya di halaman depan saja (homepage).

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

6. Widget akan tampil di semua halaman kecuali halaman depan (homepage).

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

7. Widget akan tampil hanya di halaman Archive blog saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

8. Widget akan tampil di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

9. Widget akan tampil hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

10. Widget akan tampil di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

11. Widget akan tampil hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

12. Widget akan tampil selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

13. Widget akan tampil hanya di halaman jenis halaman statis.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

14. Widget akan tampil di semua halaman, kecuali halaman statis.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Itulah tutorial bagaimana cara menampilkan widget hanya dihalaman tertentu saja pada situs Blogger (.blogspot.com). Jika Anda masih kurang jelas, Anda dapat menanyakannya melalui form komentar.

Comment

Leave a Reply

Your email address will not be published. Required fields are marked *