Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu ini memiliki alasan tertentu. Seperti ketika sebuah widget sekiranya tidak perlu ditampilkan di halaman konten, agar pengunjung fokus dalam membaca artikel blog sobat. Atau karena memang widget perlu ditampilkan pada halaman tertentu untuk kebutuhan pengunjung blog, dan dihilangkan karena pada halama lain terlalu banyak memuat widget. Atau apalah alasanya masih banyak lagi.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

  • Login ke akun Blogger sobat.
  • Pastikan sobat telah memasang widget yang akan sobat tampilkan pada halaman tertentu saja.
  • Ketahuilah widget id-nya, dengan cara masuk Tata Letak>> Sentuhkan cursor di tulisan Edit pada widget terkait>> perhatikan tulisan di sudut kiri bawah layar monitor, terdapat nama widget id.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

  • Disini saya mencontohkan pada widget terjemahan. Perhatikan gambar diatas, telah diketahui nama widget id-nya adalah Translate1.
  • Setelah widget id diketahui, selanjutnya sobat masuk ke bagian Template>> Edit HTML.
  • Cari widget-id terkait dengan tombol ctrl+F, lalu perhatikan terdapat kode <widget>...</widget>. Klik pada bagian "titik-titik" diantar kode tersebut. Lalu akan terdapat kode <b:includable>...</b:includable>, klik juga pada bagian "titik-titik" di antara kode tersebut.
  • Pilihlah letak halaman yang sobat inginkan, simak kode-kode berikut.

Menampilkan widget hanya pada HomePage

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

Menampilkan widget di semua halaman kecuali homepage

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

Menampilkan widget hanya pada halaman Archive

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

Menampilkan widget di semua halaman kecuali halaman archive

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


Menampilkan widget hanya di halaman posting.

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

Menampilkan widget di semua halaman, kecuali halaman posting.

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

Menampilkan widget hanya di halaman tertentu.

<b:if cond='data:blog.pageType == &quot;urlhalamantertentu&quot;'> 
......................................................................</b:if>
kode berwarna biru ubah dengan url halaman

Menampilkan widget di semua halaman kecuali halaman tertentu.

<b:if cond='data:blog.pageType != &quot;urlhalamantertentu&quot;'>
......................................................................</b:if>
kode berwarna biru ubah dengan url halaman

  • Terapkan salah satu kode di atas sesuai dengan letak halaman yang sobat inginkan.
  • Saya akan mencontohkan penerapan kode yang pertama, pada widget terjemahan yang sebelumnya telah diketahui widget id-nya.
  • Letakan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>, dan kode </b:if> di atas kode </b:includable>. Sehingga kurang lebih hasilnya akan seperti berikut.
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
            <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>

  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
          </b:widget>

  • Jika telah selesai menerapkan kode-kodenya, silakan klik Simpan Template.

Artikel terkait : Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Artikel Blog Regi Brader Lainnya :

9 komentar:

  1. makasih gan, saya berhasil mencobanya di blog saya http://wd-kira.blogspot.com/

    ReplyDelete
  2. makasih gan infonya :D
    gan, kalo buat selain page gimana ya gan codenya?

    ReplyDelete
    Replies
    1. Coba ubah kode archive atau item, dengan page :D

      Delete
  3. makasih tipsnya pak,,,
    kebetulan lagi butuh cara menyembunyikan widget dihalaman tertentu...

    sangat membantu sekali

    ReplyDelete
  4. thanks gan

    http://www.indo-palembang.com/

    ReplyDelete
  5. mantap dah artikelnya kawan
    http://acemaxs31.com/obat-darah-tinggi-tradisional/

    ReplyDelete
  6. makasih tipsnya pak,,,
    kebetulan lagi butuh cara menyembunyikan widget dihalaman tertentu...

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved