Senin, 03 Agustus 2009

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.


Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

5 comments:

an mengatakan...

bikin berat ga tuh sob kalo ga aku coba nich

thanks infonya!!! :D

Bang arie mengatakan...

Ga akan bikin berat...silahkan dicoba.

Kojek mengatakan...

gwa sukses mempraktekkannya ... thanks bro ...

Bang arie mengatakan...

Makasih ya dah nyoba tipsnya...

AsEep taufiq mengatakan...

susah betul buat comentar, huh x(

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...