Blog Tutorial - Home hanya menampilkan judul postingan saja

Haloo sobat blogger yang sudah menemukan halaman ini, Kali ini goperpus ingin berbagi tutorial mengenai cara membuat blog/situs jika di klik menu home/beranda/halaman utama hanya menampilkan judul postingan saja, untuk melihat demonya silahkan Klik Disini. Jika sobat suka silahkan ikuti langkah - langkahnya sebagai berikut:

Pertama - tama silahkan membaca doa menurut kepercayaan anda.
Setelah itu silahkan login ke akun blog anda, lalu pilih template dan klik edite html, setelah terbuka silahkan centang expand widget, setelah itu silahkan cari kode ]]></b:skin> , kalau sudah ketemu silahkan ambil nafas dalam - dalam dankeluarkan lewat hidung secara pelan - pelan, hehehee....
Setelah itu silahkan Copy (tekan Select All Text lalu tekan Ctrl+ c )code dibawah ini :

<style type='text/css'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>      .post-body, .post-footer, .jump-link,     .post-timestamp, .reaction-buttons,      .star-ratings, .post-backlinks,      .post-icons, .date-header{display:none;}      </b:if>      </b:if>      </style>

Dan paste'kan diawah kode ]]></b:skin> .
Setelah itu silahkan klik save/simpan template pada tempatnya dan lihat hasilnya.

Atau bila sobat bloger ingin menampilkan fitur lainya, silahkan pakai kode dibawah ini dan silahkan edite di bagian yang ingin ditampilkan/display yang none di ganti yes.

<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:20px; } .post h1 { margin:.25em 0 0; padding:0 0 4px; font-size:15px; font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif; font-weight:normal; line-height:1.4em; color:#cc6600; } .post h1 a, .post h1 a:visited, .post h1 strong { display:block; text-decoration:none; color:#ff0000; font-weight:normal; } .post h1 strong, .post h1 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>

Itulah tutorial Cara membuat Home hanya menampilkan judul posting saja.
Kurang lebihnya saya minta maaf dan jika anda berkenan silahkan follow/Subcribe blog saya, hehehee...
Sekia terima kasih dan semoga sukses....


Blog Tutorial , Tips SEO , Meta Tag

Posted by pur on - Rating: 4.5

Title : Blog Tutorial - Home hanya menampilkan judul postingan saja
Description : Haloo sobat blogger yang sudah menemukan halaman ini, Kali ini goperpus ingin berbagi tutorial mengenai cara membuat blog/situs jika di k...

Tweet