Homepage (Beranda) Blog Tampil Judul Artikel saja

Malu tetapi apalah daya seorang newbie ini hanya sekedar ingin berbagi Tips Blog, yang pada tujuannya untuk saling berbagi pengalaman dan agar blog saya terkesan banyak artikelnya, khususnya untuk para pemula, bagaimanakah cara agar beranda blog (homepage) hanya muncul judul postingannya saja. Salah satu tekhnik penampilan blog agar tidak terlalu terkesan rumit yakni adalah menampilkan homepage blog dengan judul artikel saja, Khusunya bagi para blogger dengan Nice artikel saja. kemungkinan hal ini sangfat diperlukan, dengan dimikian blog akan terlihat elegan serta tidak seperti pasar tradisional yang rame, hehee.. sebelum mengulas lebih jauh dan memberikan contoh perbedaan antara homepage yang judul postigan saja dan homepage yang kayak pasar tradisional.. berikut saya berikan gambarnya..

Homepage yang rapih kaya Mall (Super Market)

Home Page Bergambat dan kayak pasar 

 

Selanjutnya bagaimana cara agar homepage agar terlihat seperti pada gambar nomor 1 diatas, ikuti tutorial berikut!!!
>> Login Ke Blog >> Pilih Templete >> Edit Templete >> kemudian..-----
Cari </head> (gunakan Ctrl+F agar mudah dalam pencarian) >>
 Letakkan Kode dibawah ini di atas Kode  </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>





Langkah selanjutnya >> Simpan Templete >> silahkan coba..!! semoga bermanfaat, dan jangan lupa baca juga banyak artikel trik blog berikutnya serta artikel-artikel lainnya,.. Kunjungi juga ini.. Cara Agar blog cepat terbaca mungcul pada mesin pencari

2 komentar:

Terima Kasih sudah berkunjung di blog Rojay Creative.. Silahkan Tinggalkan Komentar..