Minggu, 10 April 2016

Tag Conditional Blogspot

tag kondisional adalah suatu perintah atau tag yang digunakan untuk mengatur atau mengkondisikan suatu elemen halaman tertentu baik itu css, widget untuk ditampilkan atau tidak ditampilkannya widget atau elemen-elemen lainnya dalam halaman blogspot Anda atau bisa dikatakan sebagai menampilkan widget pada halaman tertentu. Biasanya tag conditional ini sering kita temukan pada halaman editor HTML template blogger.


Tag


Contoh :
Pada suatu kasus Anda tidak ingin menampilkan salah satu widget di halaman utama. Disini Anda hanya ingin widget cukup dipasang atau ditampilkan di dalam halaman artikel atau halaman postingan saja. Nah, untuk itu  untuk mengatur tampil atau tidak tampilnya widget tersebut maka dibutuhkan sebuah Tag Conditional Blogspot pada widget tersebut.

Ingat! Tag Conditional ini hanya berfungsi pada Blogspot tidak pada penyedia blog lainnya seperti Wordpress.

Kumpulan Fungsi dan Kegunaan Tag Conditonal Blogspot


1. Menampilkan widget hanya di Homepage

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

2. Menampilkan widget selain di Homepage

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

3. Menampilkan widget hanya di Archivepage

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

4. Menampilkan Widget selain di Archivepages

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

5. Menampilkan Widget hanya di Itempages / Postingan

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

6. Menampilkan widget selain di Itempages

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

7. Menampilkan widget hanya di Staticpages

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

8. Menampilkan widget selain di Staticpages

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

9. Menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.......ISI CSS......
</b:if>

10. Menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != &quot;alamatpostingan&quot;'>
.......ISI CSS......
</b:if>

11. Menampilkan widget hanya halaman muka, tidak terlihat dihalaman posting

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

12. Halaman ERROR

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<a expr:href='HALAMAN/LINK_POSTINGAN_ERROR'/></b:if>

13. Menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
... Isi ...
</b:if>

14. Menampilkan widget di halaman perambaan label Semua/Umum

<b:if cond='data:blog.searchLabel'>
-----Isi-----------
</b:if>

15. Menampilkan widget di halaman perambaan label Tertentu/Spesifik

<b:if cond='data:blog.searchLabel == &quot;NAMA LABEL&quot;'>
-----Isi-----------
</b:if>

16. Menampilkan widget di halaman perambaan Keyword

<b:if cond='data:blog.searchQuery == &quot;KEYWORD&quot;'>
-----ISI-----------
</b:if>

17. Menampilkan widget di halaman Posting Pertama

<b:if cond='data:post.isFirstPost'>
-----ISI-----------
</b:if>

 Contoh cara penggunaan :

 <b:widget id='HTML2' 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>

Ingat! Jika sudah menyisipkan kodenya jangan lupa Simpan Perubahan pada template Anda.

Terimakasih telah membaca Kumpulan Fungsi dan Kegunaan Tag Conditonal Blogspot. Semoga bermanfaat untuk kita semua. Jika Anda menemukan sebuah masalah atau jika Anda memiliki masukan buat kemajuan Blog ini silahkan berkomentar dengan baik dibawah ini

Coba

Hallo Dunnia