Trik Menyembunyikan Elemen Halaman Pada Content Page dan Homepage di Blogspot

Pada beberapa template blogger mungkin sobat-sobat menemui template yang menggunakan style magazine, tampilan di homepage berbeda dengan tampilan di content pagenya. Nah, untuk membuat tampilan tersebut (menyembunyikan elemen halaman pada content page) bisa kita memakai trik berikut. Biasanya untuk melakukan hal tersebut ialah dengan menggunakan fungsi IF.

Fungsi Untuk Menampilkan Elemen halaman hanya di Homepage (Halaman depan saja)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
[blok kode elemen halaman]
</b:if>

Fungsi untuk menampilkan elemen halaman hanya pada content page saja

<b:if cond='data:blog.pageType == &quot;item&quot;'>
[blok kode elemen halaman]
</b:if>

Implementasi Pada Template Blog

Nah, sekarang bagaimana menerapkan fungsi IF tersebut pada template blog anda? mari kita bahas sama-sama. Langkah pertama tentu saja anda harus login ke dashboard blogspot, lalu masuk ke Editor Template.

Lalu cari blok kode elemen halaman yang dimaksud, misalkan saja Elemen shoutbox. Anda bermaksud Shoutbox hanya akan tampil di Homepage saja, dan disembunyikan di content page.

<div id='sidebar'>
<div class='sidebar1'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar-ads' id='sidebar-ads' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Shoutbox' type='HTML'/>
</b:section>
</b:if>
</div>

Code yang saya tandai dengan warna biru ialah fungsi IF tadi, untuk yang saya tandai warna Merah, itu merupakan blok kode elemen halaman.

Jika bermaksud sebaliknya yaitu menyembunyikan elemen pada homepage dan menampilkannya pada content page, anda tinggal menambahkan <b:else/> sebelum code penutup IF dan dibawahnya kondisi jika tidak memenuhi pernyataan IF, contohnya seperti ini:

<div id='sidebar'>
<div class='sidebar1'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar-ads' id='sidebar-ads' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'/>
<b:else/>
<b:widget id='HTML2' locked='false' title='Links' type='HTML'/>
</b:section>
</b:if>
</div>

Jika diterjemahkan, kode di atas akan menyembunyikan Elemen Shoutbox pada halaman Content dan Menampilkan Elemen Links pada homepage.

Nah silahkan anda mencoba, jika mengalami kesulitan, jangan sungkan meninggalkan tanggapan di kotak komentar di bawah ini.