• Beranda
  • Versi Mobile
  • Tentang
  • Arsip
  • Chatbox
  • Berlangganan
  • Pasang Iklan
  • Hosting Murah
Blogspot Tutorial

  • Beranda
  • Blogspot
    • SEO
    • Widget
  • Features
    • CSS
    • HTML
    • Javascript
  • Template
    • Clone
    • Reguler
  • Tips and Trick
Home » Blogspot » HTML » Widget » Menampilkan dan Menyembunyikan Widget di Halaman Tertentu menggunakan Tag Conditional Blogger

Menampilkan dan Menyembunyikan Widget di Halaman Tertentu menggunakan Tag Conditional Blogger

pada tanggal 1 Syawal ini, saya akan memposting tentang bagaimana cara memunculkan atau menyembunyikan Widget pada halaman tertentu. mungkin sudah banyak yang tau tentang hal ini, tapi ... ada baiknya diposting kembali xD.


Blogger Widget
kalau dipikir-pikir halaman ini dan ini, memiliki perbedaan yang cukup mencolok. Ya, halaman ini tidak memiliki sidebar, sedangkan ini memiliki sidebar.

berikut adalah list code yang digunakan untuk mengontrol widget.

1. Menampilkan widget di homepage / halaman awal.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
....................................................
</b:if>
2. Menampilkan widget diseluruh halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
....................................................
</b:if>
3. Menampilkan widget hanya di halaman Archive saja.

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

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

5. Menampilkan widget hanya di halaman posting.

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

6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
....................................................
</b:if> 

7. Menampilkan widget hanya di URL tertentu saja.

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

8. Menampilkan widget di semua halaman, selain di URL tertentu.

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

9. Menampilkan widget hanya di halaman staticpages.

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

10. Menampilkan widget di semua halaman kecuali halaman staticpages.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if> 
11. Menampilkan widget di Mobile Template saja.
<b:if cond='data:blog.isMobile'>
.................................................
</b:if> 
11. Menampilkan widget di halaman error 404
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
.................................................
</b:if>

 dari kode-kode diatas, dapat kita aplikasi dalam code suatu widget. pertama2, anda harus masuk ke edit HTML template blogger, dan centang Expand Widget.  oke, kita ambil salah satu contoh widget saja.

<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> 
 diatas merupakan code default widget dari HTML1 . jika kalian ingin menampilkan widget HTML1 diatas hanya pada homepage saja, maka code widgetnya akan menjadi seperti ini.
<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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget> 
Ditulis oleh: Riou Hato - Sunday, August 19, 2012 - Rating: 4.5
Terima kasih sudah membaca artikel kategori Blogspot / HTML / Widget dengan judul Menampilkan dan Menyembunyikan Widget di Halaman Tertentu menggunakan Tag Conditional Blogger. Anda bisa bookmark halaman ini dengan URL http://platorial.blogspot.com/2012/08/widget-di-halaman-tertentu.html. Jangan lupa share ke teman-teman ya.
Tweet

8 komentar untuk "Menampilkan dan Menyembunyikan Widget di Halaman Tertentu menggunakan Tag Conditional Blogger"

  1. RizkiAugust 20, 2012 at 9:44 AM

    Nice info gan, visit back ya :D

    ReplyDelete
    Replies
    1. Blogspot TutorialAugust 22, 2012 at 6:22 PM

      terima kasih atas kunjungannya

      Delete
      Replies
        Reply
    2. Reply
  2. Mukti EffendiAugust 24, 2012 at 10:48 AM

    Bagus sekali info dan tipsnya. terima kasih sharingnya. saya tunggu artikel artikel lainnya bro

    ReplyDelete
    Replies
      Reply
  3. Seragam KerjaAugust 27, 2012 at 3:36 PM

    Di tunggu tips2 selanjutnya bro, numpang belajar disini.

    ReplyDelete
    Replies
      Reply
  4. iAugust 31, 2012 at 6:38 PM

    keren gann infonya..
    baru nemu nih cara yang beginian.. setelah ane bertanya2 dalam diri..
    hatur nuhun infonya

    salam I-Pub

    ReplyDelete
    Replies
      Reply
  5. Q-BullSeptember 4, 2012 at 6:23 PM

    Great tutor gan,.. ane coba ah,...

    http://q-bull.blogspot.com

    ReplyDelete
    Replies
      Reply
  6. my BlogSeptember 9, 2012 at 12:36 AM

    Sip infonya gan

    ReplyDelete
    Replies
      Reply
  7. jasa penerjemah inggris indonesiaOctober 23, 2012 at 11:15 AM

    Yang ini agak mudah petunjuknya

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post
Home
FeedFollowIkuti @RiouHato 
DMCA.com
MyFreeCopyright.com Registered & Protected

Recent Posts

Loading...

Template

Loading...

Recommended Link

  • VPN dan VPS Murah
  • Modem Murah
  • Cream Anissa
  • Hosting USA Autoblog Murah
Hak cipta © 2012 Platorial
Desain oleh Mas Sugeng - Diberdayakan oleh Blogger