Hanya Judul Artikel yang tampil di Home Page
Motivation - Tutorial kali ini adalah "Hanya Judul Artikel yang tampil di Home Page". Banyak Bloggers yang membuat tampilan (home page) awal blognya itu lebih simple dan minimalis, kenapa? karena, dengan tampilan yang lebih simple dan minimalis Loading Blog akan mendapatkan banyak manfaat, salah satunya adalah kecepatan loading home page yang meningkat.
Apa saja yang dilakukan para Bloggers untuk mempercepat tampilan awal (home page) Blognya?
- Menyembunyikan Widget ditampilan awal, maksudnya adalah widget baru akan muncul ketika pengunjung membuka salah satu artikel.
- Hanya menampilkan Gambar Thumbnails Artikel di Blog
- Home Page hanya berisi form pencarian artikel dan ucapan Selamat Datang.
- Pengalihan Alamat URL home page ke Daftar Isi/Site Map Blog
- Hanya Judul Artikel yang Tampil di Home Page (Tanpa Atribusi Read More,karena Judul Artikel merupakan link aktif yang akan mengarahkan kita ke halaman artikel tersebut).
- Hanya Menampilkan Bacaan Awal dalam artikel dengan atribusi read more
Dari Ke Enam Poin diatas, kali ini saya akan memberikan Tutorial Poin ke Lima "Hanya Judul Artikel yang Tampil di Home Page", Bagaimana Caranya? Silahkan Ikuti Tutorialnya Dibawah ini:
- Login ke Blogger >> Dashboard >> Template >> Edit HTML
- Temukan Kode </head> Untuk mempermudah pencarian tekan CTRL+F
- Setelah Menemukan Kode Tersebut, Pastekan kode dibawah ini, tepat diatasnya.
<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>- Save Template
Mudah bukan? Itulah Tutorial Blog kali ini, yaitu "Hanya Judul Artikel yang tampil di Home Page", Semoga Bermanfaat, terima kasih.
COMMENTS