Menampilkan Halaman Web/Blog Hanya Judul Postingan Saja
http://omahbloggerku.blogspot.com/2015/01/menampilkan-halaman-webblog-hanya-judul.html
Halaman Utama (Homepage) dan Halaman Label (Label Page) merupakan
halaman yang menampilkan beberapa posting dengan ringkasan dan juga
menampilkan gambar posting tersebut. Terkadang untuk membuka sebuah
halaman utama atau halaman label waktu yang dibutuhkan cukup lama karena
harus menampilkan gambar posting dengan ukuran tertentu (bila ada
gambarnya). Tentu bagi kamu yang memiliki koneksi internet yang (maaf)
agak lambat untuk membuka halaman label waktunya cukup lama apalagi
kalau menampilkan lebih dari 10 posting yang mengandung gambar, sampai
sedikit membuat kesal.. seperti saya tidak sabaran.. .
Untuk mengatasai masalah tersebut kita hanya sedikit memasukan beberapa
Tag Conditional dan kode CSS sehingga pada waktu membuka halaman utama
(homepage) dan halaman label hanya menampilkan judul posting yang akan
mengurangi waktu loading ketika membuka halaman tersebut.
Sebenarnya bukan hanya pada 2 halaman tersebut tetapi juga pada halaman
arsip (archive page) dan halaman pencarian (search page).
Langkah langkah penerapanya:
> Login akun Blogger anda.
> Di halaman Dasbor, anda pilih Template.
> Kemudian pilih Edit HTML
> Beritandacentang pada Expand Template Widget
> Di halaman Dasbor, anda pilih Template.
> Kemudian pilih Edit HTML
> Beritandacentang pada Expand Template Widget
> Cari kode <b:include
data='post' name='post'/>
lalu ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;color:#333;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
kode ini merupakan untuk menampilkan hanya judul posting pada semua halaman kecuali halaman posting dan halaman statis.
Kode yang warna hijau merupakan kode CSS silahkan kamu sesuaikan sendiri.
Kalau kamu hanya ingin merubah halaman utama atau halaman label saja ganti kode Tag Conditionalnya saja.
Untuk Halaman Utama
ganti kode
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
dengan kode dibawah ini
<b:if cond='data:blog.homepageUrl ==
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
dan Untuk Halaman Label saja
ganti dengan kode dibawah ini
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
Itulah sedikit tips untuk merubah Halaman Utama dan Halaman Label Hanya Tampil Judul Posting.
Semoga bermanfaat.