Trik Menampilkan Widget hanya di halaman depan

Semakin Marak Template-template Premium yang memiliki fitur-fitur Professional,seperti halnya SlideShow yang dapat mempercantik tampilan weblog Anda.
Namun jika kita memasang widget SlideShow secara biasa,maka Widget tersebut akan muncul pula saat kita membuka posting,hal ini akan mengurangi tingkat professional weblog anda tentunya.
Seperti pada SlideShow yang saya pasangkan di weblog ini.
Dengan cara ini,Anda bisa mengotak-atik widget dan memunculkanya dimana saja.

Untuk mempermudah sobat dalam menampilkan widget tertentu supaya hanya tampil di halaman depan (home page) saja, terlebih dahulu pilih widget mana yang akan di tampilkan hanya di halaman depan saja dan berilah judul pada widget tersebut seperti : artikel terkait, Cbox, Posting terbaru dll, sesuaikan dengan widget sobat.
setelah menentukan widget yang akan di tampilkan di depan saja langkah selanjutnya adalah menyisipkan kode html ke widget tersebut.
Saya ambil contoh widget Posting terbaru yang ingin saya tampilkan hanya di halaman depan saja.

langkah-langkahnya adalah sebagai berikut :

Login ke blogger

Klik Rancangan

Kemudian centang Expand Template Widget

Selanjutnya cari tulisan SlideShow sesuaikan dengan judul widget pada template sobat, untuk pencarian cepat ketik ctrl + f

Kode Asli Sebagai Berikut:

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

 Dan Perubahannya menjadi seperti ini.

<b:widget id='HTML3' locked='false' title='SlideShow' type='HTML'> <b:includable id='main'>

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

<!-- 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>

Penjelasan:

Copy Kode yang di tebalkan dan masukan di antara kode html seperti contoh di atas

Terakhir simpan