Mendapatkan pertanyaan dari sahabat blogger tentang blog ini merupakan masalah yang harus dijawab dengan sangat seksama. Kurang lebih seperti ini. Perhatikan kotak pencarian blog ini. Perbedaannya jelas antara pertama masuk frontpage atau halaman pertama dengan ketika masuk kepada sebuah posting.
Kemudian perhatikan artikel terkait disamping kanan yang judulnya silahkan baca juga, hanya muncul ketika kita membaca posting saja.
Pertanyaannya, Apakah yang mengatur tampilan ini?
jawabannya adalah kode logika atau if. Dan dalam blog ini mungkin kita akan menambahkan sedikit kode sehingga menjadi b:if cond=, dalam artian, jika kondisi...
Macam...
Ada banyak macam yang bisa digunakan dalam kode ini, namun saya hanya akan memberikan beberapa kode saja, dan anda sendiri dapat mengembangkannya.:
1.<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi agar tampilan hanya pada homepage atau halaman utama saja. Contohnya ada pada blog ini yaitu kotak pencariannya.
2.<b:if cond='data:blog.pageType != "item"'> ... </b:if>
kode ini berfungsi agar tampilan ada pada homepage dan label atau kategori post. Contoh yang jelas di blog ini adalah kata-kata read more, dan juga panjang lebar kotak posting yang lebih kecil.
3.<b:if cond='data:blog.pageType == "item"'> ... </b:if>
Kode ini berfungsi agar tampilan hanya ada ketika kita membaca posting blog saja. Contoh yang paling sederhana adalah kotak komentar yang terdapat dibawah posting. (kode ini kebalikan dari kode ke 2)
4.<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>
Kode ini berfungsi agar tampilan ada pada kategori atau label dan posting. Contohnya kebetulan saya tidak memakainya. :). Fungsi ini kebalikan dari kode ke 1.
5.<b:if cond='data:blog.url == "url postingnya disini"'> ... </b:if>
Kode ini berfungsi agar tampilan ada ketika kita membaca posting tertentu. Anda tinggal mengganti kata yang bercetak tebal dengan url posting anda.
Jika bermaksud ingin menghilangkanya sesuai kode diatas (sebaliknya dari kode diatas), anda tinggal mengganti == dengan !=
Penerapan...
Contoh penerapannya silahkan lihat di pembuatan readmore (kode nomor ke 2)
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Intinya...
Dengan tampilan yang kita variasikan, tentu akan sangat berpengaruh kepada pengunjung walaupun hanya sebagian kecil. Tapi menurut saya tampilan juga itu sangat berpengaruh kepada maju dan tidaknya blog.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.
25 komentar:
pantes bos, jadi gini ya
hehe
goog posting...
aku udah simpen kodenya ^^
tuker link y sama http://baca-manga-indonesia.blogspot.com/
loh komengku kok ilang ta.....siip mas ternyata bif sangat beragam good luck yo
makasih infonya sob..berguna banget buat saya yg newbie ini..!!
duh mantap banget penjelasannya...
kayaknya aku harus berguru disini...
ternyata banyak mistreri di blogspot ya...
kalau saya pake wp tinggal ikutin aja
nice info..
kapan sob bisa bahas cara buat readmore kayak di blog ini ?
ane mau dong sob...
BETUL BGT SETUJU...
tampilan itu penting bgt!
mksh ya, udh dishare, aku jd tau nih...
nice blog kangh...salam knl ya...
trik bagus nih sobat...
sukses slalu ya...
thx infonya sob...
nice post...
jangan lupa mampir..
mangtabs mas... :D saya baru pake ini :D
trima kasih infonya bung..!!!
sangat bermanfaat...
saya sangat senang dapat free ilmu2 dari mas
tinggal saya yng ingin praktekkan dulu..
Agan yang satu ini benar2 mantap, gak ada bosennya Berbagi Ilmu, Makasih Gan Artikelnya sangat bermanfaat bagi saya yang sedang otak atik tampilan Blog. Tampilan Blog Agan Keren banget, simple dan Rapih.
Mohon bantuannya review Blog baru saya Ya Gan yang lagi saya Otak-atik nih, Mampir ke sini Ya Gan http://janganbugil.co.cc
Mohon bantuannya Reviewnya dari Agan Master…
aku suka tampilan blog ini simpel dan ringan
bagus sekali buat saya yang pemula thx
Saya Mau Menghapus Semua Fitur Yang Ada Di Blogger
Tapi Ko Ga Bisa Di Hapus Yah
Salah Satunya Script Komentar , ADS , Sharing Button, Star, Dan Lain Lain
Ada Yang Bisa bantu
Ane dah nyoba gan... hasilnya keren, sidebar juga bisa ngilang saat masuk halaman postingan... thanks gan...
Untuk Conditional tag Label gmana ?
maksudnya gmna yaaa...?
Artikel nya bagus bos, kebetulan ini yang lagi saya cari..
lengkap sekali penjelasannya
terima kasih atas ulasannya
Bagaimana menurut Anda?