CARA MEMBUAT TAMPILAN HALAMAN UTAMA BLOG TANPA POSTING

Sebenarnya tempat posting / posts blog masih ada dan tidak akan hilang tapi hanya disembunyikan saja di halaman depan / halaman utama, dan apabila pengunjung melakukan search dan menemukan postingan anda, maka postingan anda masih bisa ditampilkan, bisa dipahami bukan?

Apabila di sidebar anda terdapat beberapa widget, maka widget tersebut masih tampil di homepage. Nah disini peranan conditional tag yang ditambahkan untuk membuat tampilan homepage blog tersendiri tanpa postingan, anda dapat lihat gambar di bawah ini, dimana di homepage / halaman depan tidak terdapat posts blog / tempat postingan dan sebagai gantinya anda dapat menambahkan tulisan "Selamat Datang berupa gambar" atau menambah widget menurut selera anda.

Dengan menambah conditional tag yang akan diletakkan pada kode posts blog nantinya, maka posts blog / posting blog akan tampil di halaman utama saja dan tidak akan tampil di halaman posting. Dan nantinya jika conditional tag / tag kondisional ditambahkan, maka tampilan pada "Tata Letak" akan terlihat seperti gambar di bawah ini :

Cara Membuat Homepage Blog Tersendiri Tanpa Posting:

1. Login ke Blogger
2. Pilih Template
3, Pilih Edit HTML
4. Tidak perlu dicentang kotak dekat Expand Widget Template
6. Gunakan tombol F3 atau control F untuk mencari kode seperti dibawah ini

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

Kode warna biru diatas merupakan kode untuk posts blog / tempat postingan,

saya akan menghilangkannya, caranya cukup menambahkan kode warna merah dibawah ini dan letakkan di atas kode tersebut :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='homepage'></b:section>
<b:else/>

Dan untuk penutupnya ditambahkan kode </b:if>

jadi penerapannya seperti ini :

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

7. Simpan Template

Demikian tutorial cara-membuat-tampilan-halaman-utama.

Selamat mencoba, Semoga bermanfaat.

 

Sumber: teknik-blog-tutorial.blogspot.com

Posted in: Blogger Tutorial