Jun 5, 2014

5 kode HTML untuk Mengatur tampilan blog

Johanes Djogan adalah salah satu pembuat template yang cukup terkenal di Indonesia. Ciri khas template dia adalah yang bertemakan anime. Selain itu pula bagian homepage dan nlog post nya sering kali berbeda widget. Saya cukup penasaran dengan hal tersebut.Bagaimana bisa sidebar hanya bisa tampil di home page?sedangkan pada saat membaca artikel,sidebar'a menghilang??ini dia trik'a. .

trik'a adalah kode logika/html/if. dengan kode ini kita bisa menambahkan sedikit kode sehingga menjadi b:if cond=, dalam artinya, jika kondisi...guna'a agar kita dapat menghilangkan elemen yang berat di halaman tertentu yang kita inginkan,

Macam2 kode...
Ada 5 macam yang yang bisa saya temukan di google n_n
1.<b:if cond='data:blog.url == data:blog.homepageUrl'> isi widget</b:if>
Kode di atas ini fungsinya agar widget hanya pada homepage atau halaman utama saja.

2.<b:if cond='data:blog.pageType != &quot;item&quot;'> isi widget </b:if>
kode ini fungsi'a supaya widget ada di halaman homepage dan label atau di kategori post. 

3.<b:if cond='data:blog.pageType == &quot;item&quot;'>isi widget </b:if>
Kode ini berfungsi agar widget hanya ada ketika kita membaca posting blog saja. Contoh'a adalah kotak komentar yang terdapat dibawah posting blog kita. 

4.<b:if cond='data:blog.url != data:blog.homepageUrl'> isi widget </b:if>
Kode ini berfungsi agar widget ada di halaman posting.  Fungsi ini kebalikan dari kode ke 1.

5.<b:if cond='data:blog.url == &quot;url postingnya disini&quot;'> isi widget </b:if>
Kode ini berfungsi agar widget ada ketika kita membaca posting tertentu. sobat tinggal ganti kata yang tulisan'a tebal dengan url posting sobat.


Contoh sederhana untuk menghilangkan Tab Slider di halaman depan/home page


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- begin featured content slideshow -->
<div id='featured'>
<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
</div>
</div>
</div>
</div>
<!-- end featured content slideshow -->
</b:if>

Yang ini contoh untuk menghilangkan Sidebar di halaman posting. . .


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section id='sidebar' showaddelement='yes'>
<b:widget id='HTML8' locked='false' title='Chatbox' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='info' type='Text'/>
<b:widget id='BlogList1' locked='false' title='Daftar Blog Saya' type='BlogList'/>
</b:section></b:if>



Selamat mencoba dan semoga bermanfaat untuk blog sobat.
original post here : http://www.djogzs.com/2010/11/5-kode-html-untuk-mengatur-tampilan.html