Facebook Twitter
Bookmark this page

Minggu, 08 Desember 2013

Cara Menampilkan Judul Posting Saja Di Homepage Atau Beranda Blogger

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.

Tidak ada komentar:

Posting Komentar

belajar seo,seo indonesia,jasa seo murah,tutorial seo,jasa seo,tips seo,blog seo,template seo,optimasi seo,cara daftar blog,daftar blog dofollow,chrome offline installer,feedburner,read more blog,widget blogger,gadget blog tips and trik komputer,belajar computer,tips tips komputer,komputer software,download software internet,cara adsense,blog adsense,googleadsense,adsense blogger,blogger adsense,alternative adsense,cara memasang widget blog,blogger,trik blogspot,membuat blog keren,tutorial membuat blog,tutorial mempercantik blog,tutorial blog lengkap,cara membuat blog,free template blog,cara membuat blogger gratis,tutorial untuk blog,buat blogger baru,tutorial web design,free widget for blog,cara membuat widget,download template untuk blog,tutorial design blog,template gratis,tutorial blogspot lengkap