Kali ini akan memposting cara menampilkan widget hanya di home page saja Pada blog. cara ini sebenarnya sudah lama . tetapi saya baru posting sekarang. Menampilkan widget di home page ini sangat membantu anda, menampilkan widget di home saja akan membatu blog kita agar proses loading Blog tidak lama/lemot . misalnya jika pengunjung kita ingin melihat postingan kita tentang blog, komputer, internet, tips trik, dll nah kalau proses loading blog lam maka pengunjung blog kita tidak jadi untuk melihat postingan tersebut. Maka dari itulah saya akan menjelaskan tentang tampilkan widget di home saja.
Untuk melakukan menampilkan widget hanya di home page saja, ikutilah langkah-langkah do bawah ini :
2. Klik menu Rancangan
3. Klik Edit HTML
Beri tanda centang pada expand template widget
Fungsinya untuk benar-benar mengubah HT ML
4. Kemudian cari nama Widget kamu, misalnya iklan. Pastikan kamu menyimpan widget menggunakan nama. Jika belum dikasih nama, silahkan edit widget blog kamu, lalu kasih nama/judul . Untuk memudahkan pencarian nama widget/kode, gunakan tombol F3 .
Misalkan kode berikut :
<b:widget id='HTML1' locked='false' title='iklan' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Nah, jika ingin menampilkan widget di home page, maka berikut ini kodenya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
____________________________________________________
</b:if>
____________________________________________________
</b:if>
Cara pemasangannya :
Letakkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode yang berwarna biru.
Kemudian, letakkan kode </b:if> di atas kode yang berwarna Kuning.
Dan hasilnya seperti dibawah ini :
<b:widget id='HTML1' locked='false' title='iklan' type='HTML'>
<b:includable id='main'>
<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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Lakukan pada widget yang lain sesuai dengan anda masing-masing.
5. Simpan Template
Nah bagaimana ? ada yang bingung.. silahkan untuk teman-teman bertanya di kolom komentar di bawah ini .
Sumber : http://putupunyablog.blogspot.com/2011/10/menampilkan-widget-di-halaman-home-saja.html#ixzz1xUKlVtQ6
Tidak ada komentar:
Posting Komentar