DINAMIKA - Modifikasi Tampilan Homepage Hanya Judul Postingan - Untuk membuat tampilan blog dengan sejumlah alasan, misalnya agar blog lebih menarik, atau lebih efisien dan tertata, banyak strategi yang bisa diterapkan.
Salah satu contohnya adalah dengan Modifikasi Tampilan Homepage Hanya Judul Postingan. Buat para blogger yang menyukai tampilan homepage yang tidak ribet, mungkin bisa menerapkan ini. Hanya saja untuk membuat blog seperti ini tidak ada thumbnail atau gambar posting yang bisa mewakili keseluruhan isi artikel, artinya memang cuma judul thok.
Lalu bagaimana cara membuat postingan artikel hanya berupa judul saja di homepage ? Banyak artikel dan tips serupa yang bisa ditemukan di mesin pencari seperti Google, namun kali ini akan ditampilkan tips dari blog sebelah ya (dari MDF - Blog). Coba lihat tips berikut :
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.
Cara jitu mengatasi masalah itu 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 penerapannya:
> Login akun Blogger anda.
> 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"'>
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"'>
Nah, itu dia tadi tips membuat postingan artikel hanya berupa judul saja di homepage, tentunya sebagai referensi buat para blogger. Semoga bermanfaat.
(sumber:http://mdf-blog.blogspot.com/2013/01/halaman-utama-dan-halaman-label-hanya.html#.UYNZUmPBjD8)
0 komentar :
Post a Comment