Senin, 29 November 2010

5 kode HTML untuk Mengatur tampilan blog

5 kode HTML untuk Mengatur tampilan blog
Saya dapat pertanyaan dari teman saya,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. Contohnya sidebar pada blog saya di akatsuki akb.

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. saya belum dapat contoh'a

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. Contohnya kebetulan saya tidak memakainya. :). 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.
jangan lupa kasih komen'a ya n_n

0 komentar:

Posting Komentar