Home » , » Cara Membuat Postingan Hanya Tampil Judulnya Saja Di Halaman Utama Blog

Cara Membuat Postingan Hanya Tampil Judulnya Saja Di Halaman Utama Blog

Written By Ku Copas on Tuesday, 29 May 2012 | 5/29/2012 04:32:00 am


 Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page) - Setelah lama sekali tidak pernah update posting blog, Sekaranglah saatnya saya berbagi artikel lagi, Dan kali ini saya akan share artikel tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog.

 Hal ini biasanya di lakukan oleh para blogger untuk tujuan mempercantik blog atau menyingkat tampilan blog, Karena jika hanya tampil judul postingan saja di halaman utama blog, Maka loading suatu blog jika di akses atau dibuka pada halaman utama (Home Page) akan terasa ringan, Intinya blog jadi ringan.

 Untuk cara membuatnya seperti itu, Caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> "Masuk/Login" ke akun blog sobat.

2. Pada tampilan menu blog yang baru, Sobat Pilih >> Menu "Template", Seperti pada gambar di bawah ini.


3. Kemudian Klik >> Menu "Edit HTML"

4. Langkah selanjutnya sobat carilah kode ]]></b:skin>

Gunakan CTRL+F untuk mempermudah pencarian.

5. Silahkan sobat Copy kode di bawah ini, Lalu Paste-kan tepat di bawah kode ]]></b:skin>

<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{display:none;}

</b:if>

</b:if>

</style>


6. Jika sudah, Untuk menghindari kesalahan saat Edit Template, Silahkan sobat klik >> "Preview/Pratinjau".

7. Jika Hasilnya baik-baik saja atau tidak Error, Silahkan sobat klik >> "Save/Simpan Template".

Catatan:
  • Kode script diatas masih akan menyisakan beberapa elemen yang tampil, Seperti tanggal posting, komentar dan yang lainnya. Kalau sobat mau atau ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Maka silahkan sobat pakai kode script yang berikut dibawah ini, Cara menaruhnya sama seperti yang saya sudah jelaskan di atas.

<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>

  • Jika semua Kode Script-nya sudah sobat terapkan, Silahkan klik >> "Save/Simpan Template", Dan lihat hasilnya.

 Demikian Tutorial blog ringan tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page), Semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.


Artikel Terkait:

thumbnail Title: Cara Membuat Postingan Hanya Tampil Judulnya Saja Di Halaman Utama Blog
Posted by:Ku Copas
Published :2012-05-29T04:32:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat Postingan Hanya Tampil Judulnya Saja Di Halaman Utama Blog
Comments
16 Comments

16 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Maaf, Komentar kamu masuk dalam Spam sob...
      Jadi saya hapus.

      Delete
  3. @ TOETNICK >>> Sama2 mas bro...
    senang bisa berbagi...

    ReplyDelete
  4. nice share om , ditunggu kunjungan baliknya

    ReplyDelete
  5. bagus artikelnya gaan.....
    terimakasih banyak ya.....

    ReplyDelete
  6. ALL@ >> Terimakasih untuk semua yang sudah berkunjung dan juga berkomentar...
    Di tunggu kunjungan baliknya dari KUCOPAS.

    ReplyDelete
  7. trims ya artikelnya bermanfaat sekali

    ReplyDelete
  8. saya coba copy ke dua2nya tapi ngak berhasil tertampil halaman yg sanya inginkan,atau ada kesalahan cara saya copynya ?tq gan

    ReplyDelete
    Replies
    1. Pilih salah satu aja kodenya sob...
      Jika masih belum berhasil, kemungkinan kode untuk postingan di blog mu berbeda.
      coba cari kode (.post-body) pakai titik di depan.
      kemudian ganti kode pada postingan diatas dan samakan kodenya dengan (kode postingan) yang ada pada blog mu.

      Delete
  9. udah aku coba gak bisa mulu nih, tidak well-formed terus >,<

    ReplyDelete
    Replies
    1. Pasti ada kode yang salah sob...
      Coba di teliti lagi.
      sebaiknya di preview terlebih dahulu sebelum di save.
      Jika masih tidak well-formed terus, silahkan di parse saja kodenya, biar bisa di terapkan di blog kamu.

      Delete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger