Salam blogger kawan, sudah lama tidak posting tutorial blog dikarenakan koneksi internet yang lagi trouble. Pada kesempatan kali ini saya mau berbagi info buat para blogger yakni Membuat Blog Bergaya WP Magazine Style. Rasa-rasanya terlalu bombastis hehehe. Sekarang ini banyak Wordpress Theme yang terlihat tampil lebih bagus dengan adanya Magazine style. Misalnya Themes Revolution Theme, Arthemia Themes dll.
Dan terpikirkan oleh saya untuk mencari kode tersebut. Kode tersebut saya temukan di Revolution Theme dan akhirnya saya pakai di template-template buatan saya. Kalo pengen lihat contohnya kamu bisa cek diblog NdyTeeN . Jika kamu klik salah satu artikel maka Widget di homepage blog akan hilang dan berganti dengan posting blog seperti template-template biasa. Ternyata teknik yang di gunakan sangatlah sederhana, anda tinggal menambahkan kode tambahan pada widget yang ingin di hilangkan atau bahkan di munculkan, berikut adalah kode tambahannya :
- Muncul menjadi tidak muncul :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Widget yang ingin di hilangkan
</b:if>
- Tidak Muncul menjadi Muncul
<b:if cond='data:blog.pageType == "item"'>
Widget yang ingin di di munculkan
</b:if>
Nih kalo pengen tutorial lebih jelasnya.
Coba anda lihat bagian sidebar blog anda :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML17' locked='false' title='Kirim Artikel Ke Email Anda' type='HTML'/>
<b:widget id='HTML16' locked='false' title='Artikel Terbaru' type='HTML'/>
<b:widget id='HTML9' locked='false' title='NdyTeeN Sponsor' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Guest Book' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Tutorial Blog Pemula' type='HTML'/>
</b:section>
</div>
Misalkan anda ingin Memunculkan element Guest Book hanya di homepage / halaman depan blog saja. Maka anda cukup menambahkan kode berikut ini.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:widget id='HTML8' locked='false' title='Guest Book' type='HTML'/>
</b:if>
Misalkan anda Tidak ingin Memunculkan element Guest Book hanya di homepage / halaman depan blog tetapi di halaman berikutnya. Maka anda cukup menambahkan kode berikut ini.
<b:if cond='data:blog.pageType == "item"'>
<b:widget id='HTML8' locked='false' title='Guest Book' type='HTML'/>
</b:if>
Atau anda ingin memunculkan semua widget sidebar di homepage blog anda saja. Maka anda tambahkan kode berikut ini.
<div id='sidebar-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML17' locked='false' title='Kirim Artikel Ke Email Anda' type='HTML'/>
<b:widget id='HTML16' locked='false' title='Artikel Terbaru' type='HTML'/>
<b:widget id='HTML9' locked='false' title='NdyTeeN Sponsor' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Guest Book' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Tutorial Blog Pemula' type='HTML'/>
</b:section>
</b:if>
</div>
Maka secara otomatis jika anda klik sebuah posting blog maka Widget sidebar itu akan hilang dengan otomatis. Masih bingungkah?? Sebenernya mudah apabila anda memahaminya dengan baik.
Ok silahkan dicermati baik-baik. Kalau kurang jelas contact me via YM.
Posted by: Andi Setyoko
Berita Harian, Updated at: 10:33 PM
