Cara Menyembunyikan Dan Menampilkan Widget Blog

Assalamu'alaikum, kawan kali ini saya akan membagikan sebuah trik cara menyembunyikan dan juga menampilkan widget blog, yang berguna untuk kamu insya Allah, dan manfaat kamu menyembunyikan atau menampilkan widget pada blog atau situs kamu, diantaranya bisa mempercepat loading situs kamu, coba kamu bayangkan bila kamu punya
banyak widget, yang ternyata tidak berguna pada halaman tertentu, sudah pasti situs kamu akan sangat berat dan dari segi tampilan pun tidak enak, dan trik menyembunyikan dan menampilkan widget ini biasanya juga digunakan pada website-website berbasis Magazine, yap sekarang coba kode-kode ini untuk menyembunyikan dan menampilkan widget pada situs kita.

Catatan :

Sebelum kamu praktekkan backup dulu template kamu.

1.a. Cara Menyembunyikan Widget Pada Home Page Saja

<b:if cond='data:blog.pageType == "item"'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"></div>
</b:if>

1.b. Cara Menampilkan Widget Pada Home Page Saja

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="500"></div>
</b:if>

2.a.Cara Menyembunyikan Widget  Pada Halaman Static Page Saja

<b:if cond='data:blog.pageType != "static_page"'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

Sama dengan no.1

2.b.Cara Menampilkan Widget Pada Halaman Static Page Saja

<b:if cond='data:blog.pageType == "static_page"'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

Sama dengan no.1

3.a.Cara Menyembunyikan Widget Pada URL Tertentu Saja

<b:if cond='data:blog.url != "Url yang widget akan kamu sembunyikan "'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

<b:if cond='data:blog.url != " http://blogmuhammad23.blogspot.com/2011/11/cara-memasang-tombol-like-facebook.html  "'>
Letakkan kode widget kamu disini
</b:if>

3.b.Cara Menampilkan Widget Pada URL Tertentu Saja

<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
Letakkan kode widget kamu disini
</b:if>

Contoh :

Sama dengan no.3.a

Sekarang bagaimana cara menyembunyikan atau pun menampilkan widget baik default atau asli dari blogger, seperti flowers, archive, label atau kategori atau pun widget dari pihak ketiga yang kamu simpan pada halaman layout.

Catatan :

Tapi ingat bila widget dari kamu belum ada namanya, namakan terlebih dahulu, supaya lebih mudah untuk dicari.

1.Kamu masuk pada halaman Edit HTML.
2.Kamu ceklist Expand Widget Templates.
3.Kemudian kamu cari nama widget, disini nama widget saya adalah tes, bila sulit kamu tekan Ctrl+F, setelah itu kamu ketik nama widget kamu pada kolom yang muncul.

Ini contoh widget :

<b:widget id='HTML4' locked='false' title='tes' 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>

Sebagai contoh kita praktekkan no.1

4.Kamu masukkan kode <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'> dan kode </b:if> dibawah kode  </div>.

Contoh penerapan :

<b:widget id='HTML4' locked='false' title='tes' 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:include name='quickedit'/>
</b:includable>
</b:widget>

Alhamdulillah, selesai juga cara menyembunyikan dan menampilkan widget blog semoga tutorial ini bermanfaat untu kamu, sobat jangan lupa beri komentar ya....

Link : Cara Membuat Related Posting Blog