Tulisan Dika

hei, menyambung postingan saya tentang menghilangkan tampilan widgets di Homepage, sekarang saya mengeluarkan posting baru lagi tentang menampilkan widgets hanya di homepage. haha

membahas tentang Blogger sepertinya tak ada habisnya yah sob, banyak sekali trik dan tips yang bisa dilakukan untuk merombak Blogger menjadi web pribadi kita yang sangat memuaskan.

kembali ke topik pembahasan, kita akan belajar cara menampilkan gadgets hanya di homepage saja yang artinya gadgets tersebut tidak akan muncul dihalaman blog anda kecuali di homepage saja.

keunggulan trik ini ya banyak sob seperti untuk mengirit tempat, lalu untuk mendesign blog anda untuk menjadi lebih profesional, dan masih banyak lagi
saya bilang irit bukan berarti pelit yah sob..

cara ini hampir sama dengan trik menghilangkan widgets di homepage sob, jadi anda tidak perlu bingung, hanya berbeda kode saja kok, tempat masih sama.
berikut langkah caranya, disimak baik-baik O.K:

• Login ke Blogger sobat
• di Dasboard pilih menu Rancangan
• lalu klik Edit HTML
• dan klik kotak kecil disamping tulisan expand template widgets
• tekan ctrl+F dan cari kode gadgets yang anda tuju

contoh, saya mencari widgets saya, widgets LABEL yang berjudul Daftar isi dan kodenya adalah:

<b:widget id='Label1' locked='false' title='Daftar Isi' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>

• intinya adalah untuk mencari gadgets yang anda maksud ketik saja judul gadgetsnya di dalam kotak search (ctrl+F)
• kalau sudah ketemu, selanjutnya menambahkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> dan kode </b:if>

Cara menempatkannya adalah sebagai berikut ( saya ambil contoh widgets saya, widgets LABEL yang berjudul Daftar isi ):


<b:widget id='Label1' locked='false' title='Daftar Isi' type='Label'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:if>

(Perhatikan kode berwarna biru sob, tambahkan kode tersebut dan letakkan seperti contoh yah)

• Save template anda

sudah selesai sob, selamat mencoba yah dan selalu optimis biar berhasil selamat sampai bisa. hehehe