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.
Demikian artikel tentang Cara Memunculkan dan Menyembunyikan Widget di Blogger ini dapat kami sampaikan, semoga artikel atau info tentang Cara Memunculkan dan Menyembunyikan Widget di Blogger ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
