Coba MasBro perhatikan pada homepage blog Belajar CorelDRAW ini diatas judul posting ada widget yang tampil (tentang salam perkenalan dari si penulis... aku sendiri hehehe...) dan ketika MasBro meng-klik pada salah satu judul yang ada maka widget tersebut akan menghilang ketika content postingan muncul keseluruhan, untuk membuat seperti itu ada code yang harus ditambahkan
Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari tampil lalu menghilang dan menghilang kemudian tampil yang bisa MasBro terapkan untuk mengatur tampilan widget blog sampeyan.
1. Hanya Tampil pada Halaman Utama Blog
<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama (homepage) blog saja
2. Hanya Tampil pada Kategori Post dan Single Post
<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (salah satu postingan muncul keseluruhan).
3. Hanya Tampil pada Halaman Utama Blog dan Kategori Post
<b:if cond='data:blog.pageType != "item"'> ... </b:if>
Kode ini berfungsi untuk menampilkan widget blog pada halaman utama (homepage) dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.
4. Hanya Tampil pada Single Post
<b:if cond='data:blog.pageType == "item"'> ... </b:if>
Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada halaman utama (homepage) atau kategori post.
5. Menampilan Widget Blog Pada Postingan Tertentu Saja
<b:if cond='data:blog.url == "URL_TERKAIT"'> ... </b:if>
Kode ini berfungsi untuk menampilkan widget blog hanya pada postingan tertentu dan tidak tampil apabila sampeyan membaca postingan yang lain.
6. Menyembunyikan Widget Post Pada Postingan Tertentu Saja
<b:if cond='data:blog.url != "URL_TERKAIT"'> ... </b:if>
Kode ini merupakan kebalikan dari kode no 5 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.
Keterangan:
Tanda ... (titik-titik) adalah kode widget yang harus ditempatkan.
Sebagai Contoh widget yang tampil pada homepage saja, penempatan code seperti dibawah ini;
<b:widget id='HTML1' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Warna merah adalah kode yang berfungsi untuk mengatur tampilan widget hanya tampil pada homepage.... Demikian...
Artikel Terkait Trick ngeblog di blogger
- Cara Mengganti Template Dari Penyedia Template Lain
- Cara Upload Gambar di Blogger
- Kode Warna Hexadecimal dan RGB
- Disable Klik Kanan Mouse Dan Proteksi Artikel Blog
- Membuat Tombol Back To Top Melayang
- Menampilkan Total Postingan dan Total Komentar di Blog
- Cara Mengganti Judul Blog Dengan Gambar
- Cara Copas pada Blog yang di Proteksi
- Cara Pasang Jam di Sidebar Blog
- Menu Vertical Drop Down Dengan CSS
- Menu Drop Down Sederhana Dengan CSS
- Menu Navigasi Horizontal dengan Image Rollover CSS
- Kode Untuk Mengatur Tampilan Content Blog
- Cara Membuat Reply Threaded Comments di Blogger
- Menampilkan Foto Profil di pencarian Google