Blog Mbahyar

Saya bermimpi memiliki sebuah blog adalah dinamis dan ini mungkin adalah impian setiap blogger karena penampilan menarik biasanya pembaca akan melihat perubahan yang terjadi pada setiap halaman apalagi dilengkapi dengan navigasi dan widget yang dapat memungkinkan pengunjung untuk mencari atau memilih artikel yang mereka inginkan, misalnya dengan menambahkan Daftar isi, kotak pencarian, kategori, label, dan lain-lain Posting Terkait, berharap untuk membuat lebih banyak pengunjung berlama-lama.

Untuk membuat halaman blog satu cara yang lebih dinamis untuk menyembunyikan widget, sidebar, dan footer pada halaman tertentu. Misalnya, sidebar dan footer hanya tampil di halaman utama. nah, bagaimana? trik berikut.

Ikuti langkah-langkah di bawah ini

1. Pertama Login ke akun blog Anda.

2. Pilih Layout dan kemudian Edit HTML.

3. Expland Template Widget kotak centang.

Sebagai contoh, teman saya ingin nyembunyiin ada widget di blog Anda, misalnya, baru-baru ini widget post / komentar.

4. Kemudian mencari id dari widget kode gadget post / komentar, kemudian paste garis biru kode pada baris kode widget id dari gadget sebelumnya komentar sebagai berikut:

<b:widget id='Feed1' locked='false' title='Comments' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Jika ya, maka simpan template.

Jadi sekarang sidebar post / komentar hanya akan muncul di halaman depan saja.

Sekali lagi contoh, misalnya teman saya ingin menyembunyikan daftar isi dalam slidbar Widget, yang hanya ingin ditampilkan pada halaman posting berikutnya, maka setelah menemukan baris kode yang id widget keren, maka sispkan garis berwarna biru kode pada baris kode widget widget id dari isi daftar sebelumnya.

<b:widget id='HTML2' locked='false' title='Facebook Profile' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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>

Setelah selesai, kemudian simpan template.

Jadi sekarang isi widget hanya akan ditampilkan pada halaman berikutnya, di mana muncul tulisan utuh. Sedangkan pada halaman depan widget ini tidak akan ditampilkan.

Jika Anda ingin menyembunyikan di halaman depan dan halaman berikutnya akan ditampilkan pada elemen halaman, seperti sidebar kanan, maka baris kode yang harus dimasukkan kode adalah sebagai berikut:

<div id='sidebar-wrapper'> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section> </b:if>
</div>

Setelah itu Simpan template.

Jadi jangan khawatir, jika ternyata kemudian pada Elemen Halaman, sidebar yang telah diberi kode tidak akan muncul. Untuk mengedit isi sidebar, hanya menghapus baris kode yang telah dimasukkan sebelumnya bahwa sidebar terlihat lagi.

Yah mungkin ada yang belum tahu bagaimana menemukan widget id slidbar, saya jelasin lagi neh ..

1. Masuk ke halaman edit, klik edit pada widget id sidebar seperti kita mengenalnya.


2. Prhatikan gambar di atas, menulis di sudut kanan atas di blok biru, itulah kode widget id. Itu berarti mengetahui id widget, widget blog.

NB: Untuk memudahkan kode HTML pada kolom, gunakan kolom pencarian dengan mengklik Ctrl + F, kemudian ketik kata atau frase yang ingin Anda cari.

Jadi sekian dari saya, semoga bermanfaat.