BREAKING

Selasa, 27 Mei 2014

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

About ""

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, augue quis mattis gravida, est dolor elementum felis, sed vehicula metus quam a mi. Praesent dolor felis, consectetur nec convallis vitae.

Posting Komentar

 
Copyright © 2014 EinzelKind
Design by FBTemplates | BTT