Sabtu, 28 Juli 2012

Cara Menampilkan Judul Posting Saja Pada Arsip Blog

Fitur Arsip pada blog memang di butuhkan agar pengunjung blog dengan mudah dapat melihat artikel apa saja yang sudah ada dalam blog tersebut baik bulan maupun tahun lalu,tapi apa yang terjadi jika anda dalam waktu sebulan ini membuat postingan misalnya lebih dari 50 postingan ?,pasti sangat akan panjang arsip blog anda dalam waktu sebulan tersebut,memang dapat di bantu dengan read more yang dapat memotong postingan,tapi tetap aja kelihatan panjang dan kurang menarik untuk di lihat oleh pengunjung,nah..dengan hanya menampilkan judul postingan saja pada arsip blog akan membuat penampilan blog anda akan terjaga dan tetap menarik untuk di kunjungi.

  • Hal pertama yang harus anda lakukan tentunya login dulu ke www.blogger.com hehe :D
  • Oke setelah itu pilih tab Template dan kemudian pilih Edit HTML
  • Centang kotak yang bertuliskan Expand Template Widget lalu cari script <b:include data='post' name='post'/>
  • Setelah ketemu ganti script <b:include data='post' name='post'/> dengan script dibawah ini :

 <!--Menampilakan Hanya Judul posting saja Pada arsip Blog-->
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--www.blog-i9.blogspot.com-->

  • Kemudian simpan template anda,maka tampilan postingan pada arsip blog anda berubah seperti ini :


Oke sampai di sini selesai merubah judul postingan saja yang muncul pada arsip blog anda,tapi jika di lihat pada gambar di atas terlihat sedikit kurang menarik karna menurut saya tidak ada pembatas antar judul post,dan karna itu agar lebih dan lebih menarik hehe :D tambahkan garis dibawah judul postingan yang nantinya akan menjadi pembatas saat judul post tampil pada arsip blog :D

  • Hal pertama yang harus anda lakukan tentunya login dulu ke www.blogger.com hehe :D
  • Oke setelah itu pilih tab Template dan kemudian pilih Edit HTML
  • Centang kotak yang bertuliskan Expand Template Widget lalu cari script h3.post-title atau .post h3 pokoknya cari script yang mirip dengan secript tersebut.
  • Setelah ketemu tambahkan script dibawah ini di antara  h3.post-title {...}
border-bottom:2px solid silver;

  • Jelasnya seperti ini :
/* Posts
----------------------------------------------- */
h3.post-title {border-bottom:2px solid silver;
  margin: 0;
  font: $(post.title.font);
}

  • Kemudian simpan template anda,dan lihat hasilnya... :D

Tidak ada komentar:

Posting Komentar