Membuat Blog Fast Loading Hanya Judul Postingan di Homepage merupakan trik yang sering dipakai para blogger untuk mengubah halaman depan blognya lebih menarik tanpa menambahkan embel-embel gambar.
Membuat tampilan blog khususnya halaman depan atau homepage lebih stylish dan elegan bisa dilakukan dengan banyak cara dan juga untuk berbagai tujuan.
Homepage blog adalah halaman terdepan sebuah blog atau website yang berisi informasi umum dari keseluruhan konten di dalam blog tersebut. Informasi itu bisa saja terdiri dari postingan terbaru, widget Popular Post, daftar konten video dan macam lainnya.
Ada berbagai style atau template blog yang bisa digunakan para blogger. Mulai dari blog yang homepagenya mewah dan ramai dengan berbagai widget serta gambar maupun template yang halaman depannya simple saja.
Pemilik blog punya alasan masing-masing dalam memilih tampilan homepagenya. Kalau blognya adalah toko online, umumnya halaman depan atau homepage websitenya menampilkan gambar produk-produk jualan.
Bila websitenya adalah website pribadi mungkin blogger akan menggunakan template yang simpel. Namun bila blogger tersebut adalah blogger SEO pasti ada berbagai macam kriteria saat memilih template yang SEO friendly. Dalam hal SEO, mendesain template yang responsive dan loadingnya cepat adalah salah satu teknik SEO Onpage yang dapat diterapkan.
Membuat Template Blog Ringan dan Fast Loading
Website loading cepat dan ringan adalah salah satu kriteria blog yang disukai Google. Template blog yang dipenuhi aksesoris widget dan gambar artikel biasanya akan membuat loading blog menjadi lebih lambat. Kecuali bila kamu tahu cara membuat blog agar lebih ringan meskipun menampilkan banyak widget.
Bicara tentang blog yang hanya menampilkan judul postingan saja, beberapa template terkenal dengang style seperti ini banyak diminati. Contohnya adalah template Textrim karya Igniel, dan beberapa template ringan lainnya yang hanya menampilkan judul postingan di homepage.
Kali ini, Googelio akan berbagi trik mendesain template agar lebih ringan dengan cara membuat tampilan homepage hanya judul postingan saja, tanpa harus mengganti template baru.
Cara Membuat Blog Hanya Judul Postingan Di Semua Halaman (Kecuali Homepage)
Ada berbagai keuntungan menggunakan template blog yang homepage hanya judul postingan saja. Selain lebih ringan, waktu loading yang lebih singkat, juga membuat pembaca lebih cepat mengakses simpel juga lebih ringan.
Lalu bagaimana caranya membuat homepage blog yang tampil hanya judul url saja ? Berikut langkah-langkahnya.
- Log in akun Blogger anda agar masuk ke dashboard blogger anda.
- Di halaman Dashboard, pilih Template pada bilah kiri.
- Kemudian pilih Edit HTML
- Beri tanda centang 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 diatas hanya menampilkan judul posting pada semua halaman kecuali halaman utama dan halaman statis. Kode yang warna merah merupakan kode CSS silahkan kamu sesuaikan sendiri angkanya.
Cara Membuat Blog Hanya Judul Postingan Pada Homepage Dan Halaman Label
Selain menampilkan hanya judul saja di semua halaman url, kamu juga bisa menampilkan hanya judul saja di halaman homepage. Kalau kamu cuma ingin merubah halaman utama saja (homepage) maka cukup ganti kode tag conditional-nya.
Cari kode berikut ini:
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
Lalu ganti dengan kode di bawah ini:
<b:if cond='data:blog.homepageUrl == data:blog.url'><b:if cond='data:blog.pageType != "item"'>
Mengubah Blog Hanya Judul Postingan Di Halaman Label
Bila ingin menampilkan judul postingan saja di halaman label cukup dengan menggantinya dengan kode di bawah ini:
<b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'>
Baca Juga :
Itulah cara membuat homepage hanya judul postingan saja. Dengan mendesain tampilan homepage hanya berupa teks judul, loading blog jadi lebih ringan. Semoga bermanfaat.