Page Nav

HIDE

Grid

GRID_STYLE

Classic Header

{fbt_classic_header}

Top Ad

//

Tips, Trick, dan Cara Menampilkan Judul Posting Saja Di Homepage Atau Beranda Blogger

Banyak cara yang dilakukan oleh blogger untuk memodifikasi laman Home (Beranda) diantaranya : Menyembunyikan Widget atau Sidebar di laman...

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
menampilkan-judul-posting-saja-di-home-page
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

sumber:  tutorialblogspot

Tidak ada komentar