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 :


Tampilan home page 

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

Tampilan Isi konten

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 
21 Komentar untuk "Cara membuat tampilan tata letak di home page berbeda dengan postingan"

Boleh juga gan tak coba yaaa!!

http://android-canggih.blogspot.com/2013/11/cara-membuat-efek-after-focus-di-android.html

Terima kasih gan,infonya sangat bermanfaat :D

sama-sama terima kasih sudah mampir

wah nambah ilmu lagi nih gan , klo berkenan mampir di home page saya dan ksaih masukan gan , http://hainusantara.com/ trims :))

okeh . . gan . . terima kasih sudah mampir . . semoga bermanfaat buat agan

gan,, ane nggak ngerti,,, bisa kasih videonya nggak,,,,,

gini . . . gan misalnya agan naruh iklan . . . coba lihat iklan di laman beranda aku . . iklannya ada di atas . . sedangkan ketika agan buka laman postingan aku . . iklan yang di atas hilang . . yang ada hanya iklan di postingan saja. . . berarti iklan yang di beranda tadi hanya muncul di sana gan . . . gak ikut muncul di postingan . . . kalau mau kaya gituw . . agan tinggal taruh script di atas . . . selamat mencoba gan . . jika ada yang belum jelas silahkan tinggalkan komentar lagi

oh ya mas kalau untuk cara merubah tampilan menu halaman/pages gimana ya ?
www.duniagame.info

Maksud agan tampilan menu pada home page atau di tampilan menu dalam isi artikel ????

<img src="http://www.thehomechannel.co.za/wp-content/themes/SketchPad/images/icon_print.png"

thanks ya membantu banget :)

wah saya tidak mengerti gimana caranya mengganti,,, karena templatenyakan beda-beda.
www.bacawebster.com

Mas Bungas Zahid mohon bantuannya, saya baru blajar buat blog, dan bagaimana ya cara bikin halaman baru ?
ini blog saya scrollsharing.blogspot.com
thanks :)

terimakasih tutorialnya, ane penasaran gan gimana cara ngebuatnya...

my blog
http://info-87.blogspot.com

nanti saya baca lagi deh kurang paham contoh-contohnya bos.. tapi menarik sih cara menyeting home nya , sukses boss

yupss . .silahkan di pahami . . jika ada yang belum mengerti ditanyakan aja . . . terima kasih telah berkunjung. . .

tetep gak bisa gan, udah dicoba padahal :( giman nih ??

makasih banyak buat infonya,, http://goo.gl/gLcn3L

Back To Top