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

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.