Anda di halaman 1dari 4

12/9/2014 Menampilkan Widget atau Objek Di Halaman Blog Tertentu | Alfian Demaratina

http://alfian-demaratina.blogspot.com/2014/09/membuat-halaman-berbeda-beda-di-blogger.html 1/4
Muhammad Hadi Purnomo Blogger, Internet Friday, 5 September 2014 Belum ada komentar
Home Blogger Internet Menampilkan Widget atau Objek Di Halaman Blog Tertentu
MENAMPILKAN WIDGET ATAU OBJEK DI HALAMAN BLOG TERTENTU
Menampilkan Widget atau Objek Di Halaman Blog Tertentu -
Salah satu topik paling dicari para pengguna blogger adalah
tentang yang satu ini, yaitu membuat beberapa halaman
berbeda dengan halaman lainnya di blog. Penggunaannya hanya
menggunakan pengkodean yang disebut Conditional Tag atau
tag kondisional. Secara sederhana penggunaan conditional tag ini seperti berikut ini yang mengarah pada
alamat beranda blog.
Bagian titik-titik diisi dengan pengkondisian yang diinginkan. Perintah diatas akan diartikan oleh mesin
sebagai perintah untuk melaksanakan kondisi yang dituliskan hanya pada halaman beranda blog.
Sedangkan untuk perintah melaksanakan kondisi yang dituliskan pada semua halaman blog kecuali
halaman beranda hanya mengganti bagian == dengan !=, maka pengkodeannya akan seperti berikut ini.
Contoh pemasangan perintah untuk mengkondisikan sesuatu pada tag conditional adalah sebagai berikut.
Perintahnya yaitu menyembunyikan bagian footer blog hanya pada halaman beranda, sedangkan jika
kode != sobat ganti dengan ==, maka perintahnya akan menjadi menampilkan footer blog hanya pada
halaman beranda.
Apa tidak bisa untuk halaman-halaman tertentu lain selain beranda gan?
Tentu saja bisa, selain halaman beranda, semua halaman dapat diberi tag kondisional dengan kondisi
tertentu sesuai dengan yang sobat inginkan. Caranya cukup mudah, yaitu hanya dengan mengganti kode
'data:blog.url == data:blog.homepageUrl' dengan kode halaman yang di inginkan. Berikut ini tag
conditional untuk halaman-halaman blog.
Weekend Popular
Cara Aktivasi WinRar File Archive (All
Version)
Cara Mengubah Pesan "Poskan Komentar"
di Blog Jadi Gambar Menarik
Cara Membuat Shoutbox/Buku Tamu di
Blog
Cara Menyembunyikan Password Jaringan
Wireless/Wifi Tersimpan di Windows 7
Resep Masakan Game Harvest Moon Back
to Nature
Cara Memberi Caption/Keterangan Pada
Teks di Blog
Crack Adobe Acrobat 9 Professional
Biodata Karakter/Penduduk di Harvest
Moon Back to Nature
Cara Mudah Backup HTML Blogger
Biodata Gadis Mineral Town dalam Game
Harvest Moon Back to Nature
Arsip Blog
Arsip Blog
Followers
Join this site
with Google Friend Connect
Members (15)
Already a member? Sign in
Sosial Media
Ikuti @hadi_purnomo_23 1.567 pengikut
Alfian Demaratina
S E B U A H B L OG P R I B A D I . D A N J U GA B L OG Y A N G ME MB A GI K A N T U T OR I A L , T I P S T R I K , D A N L A I N N Y A Y A N G ME N A R I K U N T U K A N D A B A C A . -
MU H A MMA D H A D I P U R N OMO

Cari di sini ...
<b:if cond='data:blog.url == data:blog.homepageUrl'>
... ... ...
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
... ... ...
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type="text/css">
#footer { display: none;}
</style>
</b:if>
You, Fitriani M and 76 others like this. Like

DAFTAR ISI

12/9/2014 Menampilkan Widget atau Objek Di Halaman Blog Tertentu | Alfian Demaratina
http://alfian-demaratina.blogspot.com/2014/09/membuat-halaman-berbeda-beda-di-blogger.html 2/4
Tag Kondisional Beranda Blog
Tag Kondisional Halaman Artikel (semua artikel)
Tag Kondisional Halaman Statis
Tag Kondisional Halaman Arsip
Tag Kondisional Halaman Label
Tag Kondisional Halaman Indeks
Tag Kondisional Halaman URL Tertentu
Tag Kondisional Halaman Label Tertentu
Tag Kondisional Ponsel
Lalu bagaimana gan perintah kondisionalnya untuk widget blog?
Perintah conditional tag untuk - misalnya menampilkan - widget hanya pada halaman tertentu di blog hampir
sama dengan cara diatas, hanya saja penempatan kodenya sangat berbeda. Penempatan kode tag
kondisional untuk widget ditempatkan sesuai letak kode widget tersebut.
Misalnya, pada blog demo Alfin akan menghilangkan widget HTML2 (yang merupakan ID widget tersebut,
8 circles
95

7
<b:if cond='data:blog.url == data:blog.homepageUrl'>
... ... ...
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.searchLabel'>
... ... ...
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.url == &quot;URL-HALAMAN&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.searchLabel == &quot;LABEL&quot;'>
... ... ...
</b:if>
<b:if cond='data:blog.isMobile'>
... ... ...
</b:if>
12/9/2014 Menampilkan Widget atau Objek Di Halaman Blog Tertentu | Alfian Demaratina
http://alfian-demaratina.blogspot.com/2014/09/membuat-halaman-berbeda-beda-di-blogger.html 3/4
cara mengetahui ID widget silahkan Pelajari lebih lanjut), pertama-tama buka editor HTML blog sobat
kemudian temukan ID blog yang dicari - disini adalah HTML2 - kode widget tersebut kurang lebih mungkin
akan seperti kode berikut ini.
Setelah itu letakkan kode tag kondisional setelah kode <b:includable id='main'>. Tampilan kodenya
akan seperti berikut ini.
Mungkin dengan itu sobat sudah cukup mengerti tentang peletakan kode tag kondisional untuk widget
blog. Selalu ingat untuk memperhatikan dengan baik pemberian kode penutup pada tag kondisional yaitu
kode </b:if> yang menandakan akhir perintah tag kondisional.
Penempatan kode tag kondisional bisa dimana saja pada bagian HTML blog, namun
terkadang posisinya tertentu sesuai dengan posisi kondisi - cond - yang sobat tuliskan.
Misalnya pada contoh paling awal yang Alfin berikan, penempatan kode tag kondisional
yang memiliki kode <style type="text/css"> , maka harus diletakkan didalam tag <head>.
Sekian dari Alfin, jika ada pertanyaan, saran maupun kritik, sampaikan di kotak komentar dibagian paling
bawah halaman ini atau melalui page Contact. Terima kasih
ARTIKEL TERKAIT:
Cara Mudah Download di Soundcloud, Youtube, bahkan Daily Motion
Membuat Tabel CSS Keren di Posting Blogger
Cara Membuat Daftar Isi yang Simpel untuk Blog
Cara Menambahkan Pengurus/Admin Fan Page Facebook
Cara Menambahkan Pengurus/Admin Grup Facebook
... ...
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h4 class='title'><data:title/></h4>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
... ...
... ...
<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;'>
<h4 class='title'><data:title/></h4>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
... ...
SUKA ARTIKEL INI? BAGIKAN :
3 Like

1 0 2
12/9/2014 Menampilkan Widget atau Objek Di Halaman Blog Tertentu | Alfian Demaratina
http://alfian-demaratina.blogspot.com/2014/09/membuat-halaman-berbeda-beda-di-blogger.html 4/4
Cara Mengetahui ID Widget Blog Cara Memberi Caption/Keterangan Pada Teks di
Blog
Tinggalkan komentar (berupa pertanyaan, kritik, saran, dll) dengan sopan.
Terima kasih.
Sign out
Notify me
Enter your comment...
Comment as:
Muhammad Hadi Purnomo (Google)
Publish

Preview
Terima kasih atas komentar Anda.
Blogroll
Trexter Smansa
DroidPluss
SannTen
Antivirus Blogger Coding
Computer CSS Editor
Education Games Harvest Moon
Hobby Internet Microsoft
Photos Pinrang Religion SEO
Social Media Software Trick
Windows
Kategori
Copyright 2014. Alfian Demaratina - Template Modified by Hadi Supported by DroidPluss