Menyembunyikan dan menampilkan Element blog

Menyembunyikan Element gaya Magazine. Apa maksud saya dengan judul Menyembunyikan Element gaya MAgazine?. Tips blogger kali ini akan membahas cara yang cukup unik dan menarik. Pernahkah teman-teman tips blogger semua ketika berkunjung ke blogger lain, disana kamu melihat sidebar yang tiba-tiba hilang atau muncul. Contohnya bisa kamu klik di Mp3 Gratis dan bandingkan dengan Lirik Chord Lagu Flanella Selamat Tinggal Cinta Pertama (klik). Ada perbedaan elemen yang tampil pada blog tersebut bukan?. Bagaimana cara membuatnya?.

Pertama : Menampilkan elemen hanya ada pada halaman frontpage atau halaman depan.

Pilih salah satu elemen yang hanya tampil di halaman depan blog, misalkan saya memilih elemen text kemudian buka Template->Edit Html dan jangan lupa tandai kotak kecil di samping tulisan Expand Template Widget. kemudian cari tulisan atau kode elemen Text1. setelah ketemu tambahkan dan letakan dua baris kode pada posisi seperti tulisan yang saya beri warna.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>

<b:include name="quickedit">

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

Kedua : Menampilkan elemen hanya ada pada halaman selanjutnya.

Setelah kita memilih elemen mana yang akan tampil pada halaman selanjutnya, lakukan seperti langkah pertama. kemudian tambahkan dan letakan dua baris kode pada posisi seperti di bawah ini.

<b:widget id="Text1" locked="false" title="" type="Text">
<b:includable id="main">
<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>

<b:include name="quickedit">

</b:if>   

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

Selamat mencoba, salam Tips blogger.

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

5 comments:

an mengatakan...: bikin berat ga tuh sob kalo ga aku coba nich

thanks infonya!!! :D; 3 Agustus 2009 pukul 23.24
Bang arie mengatakan...: Ga akan bikin berat...silahkan dicoba.; 4 Agustus 2009 pukul 03.11
Buchex mengatakan...: gwa sukses mempraktekkannya ... thanks bro ...; 30 September 2009 pukul 08.51
Bang arie mengatakan...: Makasih ya dah nyoba tipsnya...; 1 Oktober 2009 pukul 10.50
Unknown mengatakan...: susah betul buat comentar, huh x(; 14 Desember 2012 pukul 16.22