Breaking News
Loading...
Rabu, 01 Mei 2013

Menampilkan widget atau fungsi pada halaman tertentu di Blog ( Tag conditional untuk )


         Pengaturan widget dengan menampilkan pada halaman tertentu blog konsepnya yaitu untuk menampilkan widget tertentu pada blog contoh menampilkan widget Hanya di Postingan Blog atau di Halaman awal saja atau di Staticpages dll .
       Konsep penerapan seperti ini sebenarnya tidaklah terlalu rumit karena cukup dengan memahami beberapa tags pada xml/html template. Misalnya conditional tags b:if, dimana tag ini merupakan sebuah bagian pada xml/html template blog yang berfungsi untuk menampilkan atau menyembunyikan element pada halaman tertentu. Untuk menerapkannya, berikut caranya .

  • Mencari ID widget yang akan ditampilkan
        Mencari ID widget tidak sulit , kalian bisa mengakses melalui Dashboard -> Tata Letak -> Cari Widget yang akan ditampilkan pada tempat tertentu -> Klik edit pada sudut kanan bawah widget, kemudian akan muncul popup window. Perhatikan pada URL pada addressbar, nah ID widget berada tepat di ujung url .

ss :

Link Partner Widget

Perhatikan ID widget pada gambar di atas ( HTML4 ), nah ID tersebut harus anda simpan di notepad atau dimana saja yang penting anda bisa ingat .



  • Memberikan tags conditional pada widget atau sidebar yang akan ditampilkan .

      Tolong Perhatikan langkah-langkah di bawah dalam pemberian contional tags pada widget yang akan ditampilkan pada halaman tertentu pada blog.

~ Login Blogger
~ Pilih Template » Edit HTML


CTRL + F  dan cari ID widget yang sudah anda cari tadi
~ Jika sudah ketemu silahkan klik tombol ‘►’  
~  klik sampai tampilan seperti ini


Perhatikan tutor berikut untuk penambahan tags conditional 


  1. Selanjutnya tambahkan conditional tag pembuka (<b:if cond='.......'>) kotak merak paling atas diantara tag <b:includable id="main"> dan ( <!-- only display .... ) kemudian tambahkan tag penutup (</b:if>)kotak merah bawah sebelum ( </b:includable> ) kedalamnya . Perhatikan gambar diatas !Berikut kumpulan Tag Conditional Untuk Blogspot . Ini berfungsi untuk mengatur posisi widget yang kamu inginkan, seperti hanya ingin tampil di halaman tertentu. Silakan dipilih Kodenya, disitu sudah ada keterangannya.


    Menampilkan widget hanya di Homepage
    <b:if cond="data:blog.url == data:blog.homepageUrl">
    </b:if>

    Menampilkan widget selain di Homepage
    <b:if cond="data:blog.url != data:blog.homepageUrl">
    </b:if>

    Menampilkan widget hanya di Archivepage
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    </b:if>

    Menampilkan Widget selain di Archivepages
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    </b:if>

    Menampilkan Widget hanya di Itempages / Postingan
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    </b:if>

    Menampilkan widget selain di Itempages / Postingan
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    </b:if>

    Menampilkan widget hanya di Staticpages
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    </b:if>

    Menampilkan widget selain di Staticpages
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    </b:if>

    Menampilkan widget pada URL atau Halaman tertentu
    <b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
    </b:if>

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

    ~ Klik Simpan

    Nah mudah kan itulah Kumpulan Tag Conditional Untuk Blogspot. Semoga bermanfaat :D



18 komentar:

  1. Balasan
    1. salam kenal juga mas (p) terima kasih sudah berkunjung :)

      Hapus
  2. oke gan mantep kunbalnya ya di sini http://kamar-rofie.blogspot.com/

    BalasHapus
  3. boleh dicoba nih yaa , eh tapi btw itu berlaku pada semua widget atau hanya widget yang tertentu saja??
    but nice share (h)

    BalasHapus
  4. Keren sob tutorialnya. Langusng aja ane coba :)

    BalasHapus
  5. blognya keren gan... numpang baca yahttps://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gifa

    BalasHapus
  6. keren artikel nya sobat..saya udah pernah coba..thnks sob bwt ilmu nya :)

    BalasHapus

1.Jika ingin menyisipkan Gambar [img]URL Gambar[/img]
2.Jika ingin menyisipkan Video [youtube]URL Video[/youtube]
3.Jika ingin menyisipkan Kode [code]Kode Anda[/code]
4.Jika ingin menyisipkan kode html / css / jquery [pre]Kode Anda[/pre]
5.Jika ingin menyisipkan blockquote [blockquote]Kata-kata Anda[/blockquote]

Note : Berkomentar dengan baik :)
Live Link akan mendapatkan peringatan :D

 
Toggle Footer