16 July, 2010

Membuat widget hanya tampil di Menu Home

Sewaktu sedang blog walking, saya melihat ada yang unik di salah satu blog. Uniknya waktu saya buka halaman posting. Widget itu hilang dan ketika saya kembali ke menu Home atau beranda depan widget tersebut muncul lagi.

Jadi teringat-ingat pesan mama (o maaf salah bukan itumah lagunya Oppie) waktu mengatur tampilan joomla, dengan joomla mengatur tampilan widget sangat mudah sekali, namun kira-kira bagaimana caranya memunculkan widget hanya di halaman home atau beranda awal di dalam blogger?

Seep. sekarang kita bahas,....

Sebelumnya pada Elemen Halaman ingat nama widget yang hanya ingin di tampilkan di Menu Home, contoh : misalkan widget tersebut saya beri nama Test (ini hanya contoh), untuk mempermudah pencarian nantinya. Oke sudah.. lanjut... bro...

Login ke dasbor blogger > Rancangan > Edit Html > Beri tanda centang pada Expand Template Widget.

Nah seperti yang saya jelaskan di atas, untuk mempermudah pencarian KLIK F3 pada browser google chrome dan ctrl+f untuk mozzila, maka akan muncul kotak search (lihat gambar bawah).

Kemudian ketik nama widget yang mau di edit, misalnya Test seperti contoh saya di atas. Maka secara otomatis ia akan menunjukkan sendiri kata yang kita ketik di bold warna orange.


<b:widget id='HTML7' locked='false' title='Test' type='HTML'>
<b:includable id='main'>
  <!-- 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:includable>
</b:widget>


Sudah ketemu kemudian tambahkan kode :

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

Setelah Kode : <b:includable id='main'>

Dan kode :

</b:if>

Sebelum Kode : <b:include name="quickedit">


Bingung yah!, jangan bingung tampilan  seluruh kodenya akan seperti di bawah ini :

<b:widget id='HTML7' locked='false' title='Test' 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:if>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Simpan Template > Lihat Blog. Kemudian lihat salah satu postingan. Maka widget tersebut akan hilang. Klik menu Home lagi maka widget tersebut akan muncul kembali. Lihat contoh di xsample-blogger.blogspot.com

Oke selamat mencoba, mudah2an bermanfaat buat sobat. salam ngeblog.

2 comments

  1. hi, nice post & good blog, i think u must try this site to increase traffic. have a nice day & keep blogging!!!

    ReplyDelete
  2. halo mas....terimakasih banyak, dengan adanya blog ini saya jadi banyak terbantu....makasih sekali lagi..

    ReplyDelete


Copyright © 2016 Photoshop blog dan Blogger