Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten

Ad 468 X 60

Saturday, January 23, 2016

Cara Memunculkan dan Menyembunyikan Widget di Blogger

memunculkan-dan-menyembunyikan-widget
Blogger Conditional Statements dapa digunakan untuk mengontrol tampilan elemen HTML pada halaman tertentu untuk mengatur gaya yang berbeda pada Page yang berbeda. Beberapa pertanyan yang paling sering diajukan adalah: Bagaimana cara menampilkan Blogger Widget pada Homepage saja? Bagaimana saya bisa menampilkan widget hanya pada Sub-Halaman saja? Bagaimana cara menyembunyikan widget pada halaman statis? Bagaimana menampilkan widget hanya pada halaman terpilih? Untuk menjawab semua pertanyaan ini, mudah-mudahan tutorial ini akan menjadi sajian lezat untuk Anda. Yang benar-benar penting untuk mengontrol tampilan widget di Blogger menggunakan Blogger Conditional Statements. Beberapa widget kadang hanya dimaksudkan untuk homepage saja, halaman kontak, about me, atau halaman statis lainnya.

Jadi, bagaimana kita mengatur hal tersebut untuk menampilkan elemen HTML atau widget dan di mana menyembunyikannya? Caranya sangatlah sederhana. Nah, mari kita langsung membahas bagaimana mengelola widget pada halaman yang berbeda di blogger.

Widget HTML/ JavaScript adalah yang paling banyak digunakan untuk menambahkan widget yang Anda kostumisasi untuk Blogger dan sebagian besar widget ini dapat dikelola dengan mudah. Karena Anda sering menyisipkan beberapa kode widget di dalam widget HTML/ JavaScript sehingga satu-satunya hal tambahan yang perlu Anda lakukan dalam rangka mengontrol widget adalah menyertakan kode antara dua potongan kode seperti yang ditunjukkan di setiap kode di bawah ini.

Cara Menampilkan Widget/ HTML Hanya pada Homepage
Cukup melampirkan kode di dalam widget HTML/ JavaScript di antara kode di bawah ini, di mana WIDGET CODE GOES HERE adalah kode widget yang ingin Anda tampilkan.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget di HomePage
Menggunakan prosedur yang sama dengan langkah di atas:
<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget  Hanya di Halaman Statis
<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget di Halaman Statis
<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Posting Tertentu
<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget pada Posting Tertentu
<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan HTML pada Posting Pertama dari Homepage
Jika Anda ingin menampilkan konten HTML di posting pertama dari situs Anda dan tidak pada setiap posting yang ditampilkan pada homepage, gunakanlah syntax berikut.
<b:if cond='data:post.isFirstPost'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Halaman Index
halaman index mencakup halaman label/ search, halaman arsip dan homepage. Untuk menampilkan widget atau HTML pada halaman ini gunakanlah syntax di bawah ini.
<b:if cond='data:blog.pageType == "index"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget pada Halaman Index
<b:if cond='data:blog.pageType != "index"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Halaman Search
Halaman Search pada Blogger mencakup semua halaman Label dan halaman pencarian yang ditampilkan ketika pengguna melakukan pencarian menggunakan search box. Untuk menampilkan widget atau HTML pada halaman search, gunakalah syntax di bawah ini.
<b:if cond='data:blog.searchLabel'>
WIDGET CODE GOES HERE
</b:if>

Bagaimana Mengontrol Widget Resmi Blogger?
Prosedur yang sama dapat diterapkan pada widget resmi milik Blogger seperti About Me, Archives, Pool, dll. Untuk mengontro widget tersebut lakukan ini:
  • Login ke akun Blogger Anda
  • Masuk ke Template > Edit HTML
  • Backup template Anda bila perlu untuk menghindari kesalahan
  • Carilah judul widget yang ingin Anda kontrol
  • Kode widget tersebut akan terlihat seperti di bawah ini
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable> </b:widget>

Setelah menemukan tempat judul widget (WIDGET-TITLE-HERE) Anda akan melihat dua kode yang sama seperti yang saya tunjukkan dengan warna biru tebal. Anda hanya perlu menambahkan kode kontrol dengan cara berikut. Sebagai contoh jika Anda ingin menampilkan widget di Homepage, lakukanlah hal ini:
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable> </b:widget>

Oke, itulah tadi tutorial untuk mengontrol widget di blog Anda. Mudah-mudahan bermanfaat dan berguna bagi Anda. 

Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang.

11 comments:

  1. kalau pengen sembunyiin widget pas diakses via mobile ??

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. tinggal tambahkan
      mobile="no"
      pada bagian "b:widget"

      Delete
  2. cara nyembunyiin widget pada semua tempatt gan??

    ReplyDelete
  3. wah teri makasih infonya ya guys bermanfaat sekali

    ReplyDelete
  4. bagaiamana menampilkan sebuah elemen pada laman dan postingan ?

    ReplyDelete
  5. Buat kalian ada yang BARU nih sayangi GEDGET kalian yaaa:) banyak INFORMASI yang bakal kalian tau dengan lihat link-link ini langsung saja yuuu:)
    http://zapplerepair.com/Macbook-Pro-2017-recovery-ambil-data-dari-ssd-onboard-logicboard.htm

    ReplyDelete

  6. F4n5--83771nG => Agen BOLA terbesar BBM : 5EE80AFE ^o^

    ReplyDelete
  7. main kartu online asyik dan menyenangkan di S1288POKER banyak keberuntungan pastinya.KARENA HOKI KAMU ADA DISINI BURUAN !!!

    ReplyDelete

  8. Fansbetting itu apa sih,,, ??
    penasaran guys???
    akan kami jelaskan guys ^-^
    Ayo bergabung sekarang juga bersama kami di Fans^^betting ^_^ untuk info dan tanya" langsung saja ya di add contact kami
    WA @ +855 963 156 245
    line @ fansbetting
    wechat @ fansbetting3
    bersama dengan kami CS fansbetting thankyou,,,

    ReplyDelete
  9. admin numpang promo ya.. :)
    cuma di sini tempat judi online yang aman dan terpecaya di indonesia
    banyak kejutan menanti para temen sekalian
    cuma di sini agent judi online dengan proses cepat kurang dari 2 menit :)
    ayo segera bergabung di fansbetting atau add WA :+855963156245^_^
    F4ns Bett1ng agen judi online aman dan terpercaya
    Jangan ragu, menang berapa pun pasti kami proseskan..
    F4ns Bett1ng

    "JUDI ONLINE|TOGEL ONLINE|TEMBAK IKAN|CASINO|JUDI BOLA|SEMUA LENGKAP HANYA DI : WWw.F4ns Bett1ng.COM

    DAFTAR DAN BERMAIN BERSAMA 1 ID BISA MAIN SEMUA GAMES YUKK>> di add WA : +855963156245^_^

    ReplyDelete

Terimakasih telah berkenan mengunjungi dan meninggalkan komentar di blog ini. Tanggapan Anda selalu kami hargai.