Wednesday, August 4, 2010

Hilangkan Widget Post di Homepage

Posting ini merupakan sesi dari “Tanya saja!” di kolom tutorial.

Penanya :

kang punten bade tumaros. Gmn caranya supaya ketika orang masuk ke blog kita, yamg pertama dilihat selalu halaman awal/home (biasanya di posting terakhir, kayak di situs2 .com, .net atau apapun juga.
Hatur nuhun

Kang Rohman :

Saya kurang ngerti pertanyaannya. apa yang dimaksud adalah intro, kaya gambar2 flash gitu?

Penanya :

kayaknya bukan intro. Maksud saya ketika pengunjung masuk ke blog saya maka yang pertama kali kebuka itu selalu halaman awal (home), karena setahu saya biasanya yang pertama kali kebuka adalah postingan terakhir. hatur nuhun

Dari keterangan yang kedua, diketahui bahwa yang diinginkan adalah agar halaman posting tidak muncul dihalaman depan alias homepage. Apakah ini bisa diterapkan pada template blogger? jawabannya adalah bisa. Anda hanya cukup menambahkan kode if condition saja.

Teknik yang bisa digunakan bisa dengan if condition pada kode CSS atau bisa juga langsung pada kode HTML.  Sebagai contoh, kang Rohman akan menggunakan teknik if condition pada kode HTML.

Kode widget post, didalam template blogger umumnya adalah seperti berikut :

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

 


Agar widget post atau halaman posting tidak muncul dihalaman depan aka homepage, anda cukup menambahkan kode seperti ini ( warna hijau )


<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Kode yang berwarna hijau adalah agar widget post tidak muncul pada halaman depan saja, namun akan muncul pada halaman single post, kategori, pencarian, arsip dll. Intinya kode tersebut hanya menghilangkan dari halaman depan saja.


Selain kode tersebut, anda juga bisa menggunakan kode berikut (warna hijau) :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

 


Kalau yang ini lebih sedikit ekstrim. Widget post atau halaman posting hanya akan muncul pada halaman single post saja ( halaman apabila posting tersebut dibaca secara keseluruhan atau hanya pada URL posting itu saja ). Jadi, pada halaman lain seperti halaman kategori, halaman arsip, halaman pencarian dan lain-lain tidak akan muncul.


Nah, mau pilih yang mana? silahkan sesuaikan dengan keinginan atau kebutuhan.


Trik menghilangkan Widget post di homepage


Berikut tutorial lengkap bagaimana implementasi penempatan kode diatas :



  1. Silahkan login ke blogger dengan ID anda.

  2. Klik Rancangan

       



  3. Klik menu Edit HTML.



  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.



  5. Carilah kode berikut pada template anda :
    <b:section class='main' id='main' showaddelement='no'> 
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>


  6. Gantilah kode tersebut dengan kode berikut ini :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </b:if>


  7. Klik tombol SIMPAN TEMPLATE.

  8. Selesai.


Satu yang harus anda ingat yaitu pada halaman depan alias homepage, anda harus memasang link ke postingan yang dimaksud, bisa pada menu navigasi, link disidebar atau dimanapun agar pengunjung bisa mengakses isi postingan anda.


Trik diatas, kang Rohman rasa cocoknya adalah untuk blog yang statis seperti blog jualan atau toko online yang jarang melakukan update post, dan tentunya kurang cocok untuk format blog yang postingannya sering diupdate.


Ada masukan dari anda?