Cara membuat tampilan tata letak di home page berbeda dengan postingan

Salam untuk blogger Indonesia yang sekarang sedang membaca artikel ini. Sebelumnya saya pernah menuliskan tentang bagaimana cara membuat semua link di blog terbuka di halaman tab baru. Dan sekarang saya ingin menuliskan tentang bagaimana cara menampilkan widget di home page tidak tampil di halaman postingan dan sebaliknya.

Disini saya akan memberi contoh dengan iklan saja. Mungkin sobat sudah sering melihat hal yang seperti itu namun tidak bisa membuatnya maka dari itu saya tuliskan artikel ini buat sobat yang belum bisa menerapkannya. Silahkan sobat lanjut membaca artikel ini jika ingin menggunakan cara ini di blog sobat.

 Langsung saja saya contohkan dengan tampilan home page dan isi artikel saya :

 

Diatas adalah tampilan home paga saya dimana yang saya tandai dengan warna merah adalah iklan yang saya tampilkan di home page saja.

Sedangkan iklan disaat masuk ke halaman postingan yang berisikan artikel saya seperti yang terlihat di atas dimana iklan tersebut tidak tampil pada home page dan iklan di home page tidak tampil di halaman postingan.

Langsung saja caranya :

1. Buka blogger.com.

2. Masuk dengan akun sobat.

3. Sebelum sobat mengikuti cara selanjutnya. Buka tata letak dan berikan tittle atau judul pada iklan yang ingin di tampilkan untuk mempermudah pencarian.

4. Buka Edit Html.

5. Cari <b:includable id='main'> dan cocokkan dengan judul iklan yang sobat isikan tadi, tekan F3 untuk mempermudah pencarian, Misalkan tadi sobat memberikan judul dengan Banner.

6. Sobat hanya menambahkan script di bawah ini jika ingin ditampilkan di home page saja

 <b:if cond='data:blog.url == data:blog.homepageUrl'>

  

 </b:if> 

   

Sehingga tersusun seperti script di bawah ini :

<b:widget id='HTML3' locked='false' title='Banner' 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> 

7. Sobat hanya menambahkan script di bawah ini jika ingin ditampilkan di isi konten saja

<b:if cond='data:blog.pageType == &quot;item&quot;'> 

 </b:if> 

   

Sehingga tersusun seperti script di bawah ini :

<b:widget id='HTML3' locked='false' title='Banner' 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> 

Diatas saya hanya memberi contoh dengan iklan saja dan tidak hanya iklan yang bisa dikhususkan, namun widget-widget lainnya juga bisa seperti widget burung terbang misalnya hanya ditampilkan disaat pengunjung membuka home page saja. Cara seperti ini sebenarnya dimaksudkan untuk mendesain tata letak yang bagus di blog sobat. Intinya adalah dari desain tata letak yang bagus membuat pengunjung dengan nyaman dan mudah untuk mengetahui informasi apa saja yang ada di dalam blog yang kita miliki agar nantinya pengunjung tersebut betah menjelajahi isi konten yang pernah sobat tuliskan. Selamat mencoba by +Bungas Zahid 

Tweet