Menyembunyikan widget blog

Andilangodang – Caranya sama dengan trik sebelumnya hanya beberapa kode yang perlu di ubah sedikit.

1. Login dulu ke Account Blogspot.

2. Pilih Layout dan klik Edit HTML, untuk keamanan jika sobat gagal dalam menambahkan kode ini, silahkan di backup dulu templatenya, klik Download Full Template.

3. Cari dulu kode

]]></b:skin>

kemudian letakkan kode ini di bawah kode tersebut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#HTML1,#Feed1,#Label1,#HTML4,#HTML3,#HTML13 {display:none;}
</style>
</b:if>


4. Ganti kode yang berwarna merah dengan kode widget yang ingin disembunyikan di halaman posting. Kode widget dapat dilihat di address bar bagian atas window browser (lihat gambar di bawah). Kode bisa memiliki nama HTML1, HTML2, HTML3, Feed1, Feed2, Label1, Label2, dan sebagainya. Kode memiliki nomor urutan otomatis yang di generate sesuai dengan urutan penambahan widget tersebut dan sifatnya unique.

Kalau kurang paham berikut kami tampilkan cara menyembunyikan widget blog

Ini contoh Petunjuknya : 

1. Masuk ke akun Blogger sobat
2. Pilih Menu Tata Letak atau menu Layout

3. Pilih Widget yang ingin anda atur dengan klik Edit (Misalnya disini Dapur Tutorial Blogspot Ambil widget "Tutorial Blog Dan SEO")

4. Ambil Kode ID Widget tersebut (disini ID Widget ditemukan yaitu "HTML 3")

5. Sekarang Pilih Menu Template

6. Klik Pada Tombol Edit HTML

7. Klik lagi pada tombol Proses atau Lanjutkan

8. Silahkan Download Template lengkap terlebih dahulu untuk mengantisifasi kesalahan(baca tutorialnya DISINI)
9. Centang Expand Template Widget 

10. Cari Kode ID Widget (Contoh "HTML 3") yang sudah anda ambil pada langkah 4 (Gunakan Tombol CTRL + F dan F3 untuk mempermudah penarian kode)
11. Setelah ketemu anda akan menjumpai kode elemen widget seperti ini

<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'><b:includable id='main'>......................................letak kode untuk menyembunyikan widget




<!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/>




.............................. letak kode penutup</b:includable></b:widget>

12. Letakan Kode untuk menyembunyikan widget misalnya kode untuk menampilkan widget hanya pada halaman home page saja, maka susunannya akan menjadi seperti ini

<b:widget id='HTML1' locked='false' title='Join Me' 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;'> <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>

13. klik simpan

14. Selesai dan lihat hasilnya

Demikian Tutorial Blog Tetang Cara Menampilkan Atau Menyembunyikan Widget Blog Pada Halaman Tertentu semoga bisa bermanfaat untuk sahabat Daput Tutorial Blogspot Semua.