Kode HTML Menampilkan/Menyembunyikan Widget Blog

Agar tampilan blog enak dipandang, tak perlu banyak widget muncul di semua halaman blog. Kita bisa memodifikasinya sedemikian rupa sehingga blog menjadi ramah bagi pengunjung.

Untuk membuat widget tersebut tampil sesuai keinginan, perlu menyisipkan beberapa kode html.

Bagaimana cara menyisipkan kode html tersebut? Berikut ini langkah-langkahnya:


1. Masuk ke dashboard blog.

2. Klik Design.

3. Klik Edit HTML.

4. Centang Expand Widget Templates.

5. Download Full Template. Fungsinya jika terjadi eror bisa digunakan lagi template sebelumnnya.

6. Tekan Ctrl + F.

7. Ketikkan judul widget yang diinginkan.

8. Masukkan kode yang berwarna merah dalam daftar kode HTML berikut ini, tepat di bawah kode<b:includable id='main'>dan akhiri dengan kode</b:if>sebelum kode</b:includable>

DAFTAR KODE HTML

A] Cara menampilkan widget hanya pada Homepage saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET DISINI
</b:if>

B] Cara menyembunyikan widget dari halaman Homepage
<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET DISINI
</b:if>

C] Cara menampilkan widget hanya pada halaman Static Page
<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET DISINI
</b:if>

D] Cara menyembunyikan widget dari halaman Static Page
<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET DISINI
</b:if>

E] Cara menampilkan widget hanya pada URL tertentu saja
<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET DISINI
</b:if>

F] Cara menyembunyikan widget dari URL tertentu
<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET DISINI
</b:if>


9. Langkah Terakhir klik Preview untuk melihat tampilan sementara atau Save Template langsung.

Tidak ada komentar:

Poskan Komentar

Copyright (c) 2010-2016. sekolahoke.com