+44(0) 1234 567 890 info@domainname.com

Selasa, 22 April 2014

Cara mudah menampilkan judul posting saja di home page ( BLOG )

Selasa, April 22, 2014

Share it Please
Banyak cara yang dilakukan oleh blogger untuk memodifikasi laman Home (Beranda) diantaranya :

  1. Menyembunyikan Widget atau Sidebar di laman Home
  2. Hanya menampilkan Gambar di laman Home
  3. Laman Beranda hanya berisi Kotak Pencarian atau ucapan selamat datang
  4. Laman beranda hanya berisi judul posting (Penggalan posting yang menggunakan fitur Read More di sembunyikan)
  5. Hanya menampilkan Daftar Isi (Table of Content) pada Halaman utama
Nah... Diantara kelima point di atas, hari ini saya akan memberitahu kalian tentang point keempat yaitu tentang bagaimana cara menampilkan judul posting saja pada laman home. Apa mamfaat jika kita menerapkan metode ini? Mamfaat yang kita peroleh adalah :
  1. Loading Blog lebih gesit
  2. Tampilan blog lebih bersih
  3. dan pengelolaan blog terlihat lebih professional.
Cara menampilkan judul post saja di homepage blogger
  • Login ke Blogger.com
  • Pilih menu template
  • Klik Edit HTML
  • Cari kode </head>
  • Letak kode berikut di atas </head>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>
  • Terakhir, simpan template kalian.
Jika posting ini bermamfaat buat kalian, jangan lupa di share ke Facebook atau jejaring sosial Google Plus. Sebelum dan sesudahnya saya ucapkan banyak terima kasih.

0 komentar:

Posting Komentar