Pujangga Blogs

Jujur saja..Tulisan tentang cara menampilkan widget pada Full Post URL ini saya dapat dari Blog sahabat bernama Imtikhan.Jadi sebelumnya saya ucapkan banyak terimakasih kepada sahabat Imtikhan yang telah memberikan banyak sekali memberi masukan tentang tips dan tutorial mengenai Blogger design template.

• Silahkan sahabat login pada Blogger » Rancangan » Edit HTML.
• Backup dulu template sahabat dengan mengklik tulisan » Download Template Lengkap ,untuk menjaga apabila sahabat mengalami kegagalan pada pengeditan source code tamplate bloger ,jadi sahabat masih punya backupnya..
• Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
• Disini,saya akan mencoba untuk menyembunyikan sidebar widget "Label" pada halaman muka ,dan menampilkannya pada halaman lain ( selanjutnya ).
• Contoh code HTML dibawah yang saya ambil dari template ini.

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

• Lalu kita masukin kode berikut ini dibawah kode yang ada diatas.

<b:if cond='data:blog.pageType == "item"'>

• Setelah itu...kita masukan tag close </b:if> sebagai penutup code diatas.Pastikan tag close </b:if> masih berada dalam 1 bagian widget yang akan kita rubah.sahabat bisa meletakan tag close itu dibawah dari kode dibawah ini.

<b:include name='quickedit'/>

• Contoh dari keseluruhan code yang ada pada blog ini sebagai berikut.

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<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-&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 dir='ltr'>(<data:label.count/>)</span>
</b:if></span></b:loop></b:if>
<b:include name='quickedit'/>

</b:if>

</div>
</b:includable>
</b:widget>

• Jika sudah..silahkan sahabat lihat dulu hasilnya dengan Priview.
• dan apabila berhasil dan yakin akan diterapkan pada blog..silahkan save setingan template sahabat.