12 January 2012

Menampilkan Judul Posting Saja Di Homepage Blog

Mungkin sudah banyak yang tahu tentang bagaimana untuk menampilkan judul posting saja di homepage blog, tapi mungkin juga ada di antara sobat blogger yang belum tahu bagaimana cara menampilkan judul postingan saja di homepage blog. karna beberapa hari yang lalu ada salah satu sobat yang bertanya bagaimana caranya untuk menampilkan judul postingan saja atau cara untuk menghilangkan konten/elemen post. Untuk shabat blogger dan temen ane yang kemarin bertanya, ini langkah-langkah untuk menampilkan judul posting saja di homepage:

Pertama, masuk Edit HTML, masukan kode berikut ini persis 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,
.post-footer,
.jump-link,
.post-timestamp,
.reaction-buttons,
.star-ratings,
.post-backlinks,
.post-icons,
.date-header,
.comment-link,
.post-labels{display:none;}
</b:if>
</b:if>
</style>

Simpan. Itu tadi hanya menampilkan judul posting saja di homepage blog, jika sobat ingin menampilkan judul dan tanggal atau judul postingan dan post footer, atau yang lainnya yang sobat inginkan, tinggal hilangkan saja salah satu kode di atas.
PENJELASAN!!!
.post-body >> untuk menyembunyikan isi artikel (posting).
.post footer >> untuk menyembunyikan footer artikel.
.jump-link >> untuk menyembunyikan jump-link.
.post-timestamp >> untuk menyembunyikan waktu posting.
.reaction-buttom >> untuk menyembunyikan tombol reaksi.
.star-rating >> untuk menyembunyikan rating bintang.
.post-backlinks >> untuk menyembunyikan link ke posting.
.post-icon >> untuk menghilangkan icon posting .
.post-labels >> untuk menyembunyikan label posting.
.comment-link >> untuk menyembunyikan link ke komentar postingan.
.date-header >> untuk menyembunyikan tanggal posting.

87 comments:

  1. nice tutor gan... sukses selalu ya :D

    ReplyDelete
  2. tutorial yang menarik kawan..ringkas tapi jelas :)

    ReplyDelete
  3. nice post gan,saya sudah lama pake trik ini madepttt

    ReplyDelete
  4. Nice Post gan, dulu pernah nerapin ini, tapi sekarang pake script readmore :D

    ReplyDelete
  5. tips menampilkan judul postingan saja ini sepertinya lebih cocok untuk blog dengan them free download music sob, dan sya berencara membuat blog music
    terima kasih untuk sharenya sobat seperti nanti akan sy manfaatkan..

    ReplyDelete
  6. manteb sob.. tutor yang simple tapi bermanfaat.. good job..
    btw, maaf baru bisa bales kunjungan sob. jadwal kegiatan outdoor lagi padet2nya.. ini ada postingan terbaru dari saya.
    ditunggu kunjungan baliknya ya sob..
    thanks, happy blogging ;)

    ReplyDelete
  7. tumben blog ne update bkin kangen...sibuk urusin bininya ya sob??

    ReplyDelete
  8. @Sehat Dengan Xamthone Plus
    thanks gan :D

    @Cirebon-Cyber4rt
    oke gan makasih, sukses selalu juga buat agan

    @BlogS of Hariyanto
    makasih sobat :D

    ReplyDelete
  9. Tutorial yang sangat bermanfaat bos. thx for sharing

    ReplyDelete
  10. @BLOGCUNAYZ
    oke gan sama2

    @system of blog
    boleh juga tuh gan pake script readmore :D

    @Asis Sugianto
    wah sukses yah sobat untuk, blog musiknya, di tunggu pembukaan blog musiknya heheh

    ReplyDelete
  11. @Outbound Malang
    oke sobat gak apa2, ane langsung menuju blog sobat :D

    @DHENYSHARE
    makasih :D

    @Adrian Firmansyah | Blogger Newbie dari Bekasi
    oke gan sama2

    ReplyDelete
  12. main lagi kesini ah sambil nunggu postingan barunya,,happy blogging sob

    ReplyDelete
  13. @ARMAN BLOG
    bisa ajah nie sobat, iyh ni sob sekarang2 ini lagi ada urusan di dunia offline :D

    @BLOGCUNAYZ
    oke sobat terima kasih.. happy blogging juga sob...

    ReplyDelete
  14. terimakasih tipsnya sob...bisa lebih ringan nanti blognya

    ReplyDelete
  15. mantap postingnya mas bro!!!

    layak di coba nih...

    ReplyDelete
  16. wah, bagus nih.. tapi ane udah pake.. :D

    ReplyDelete
  17. Mohon bantuan nya sobat,,,,

    kenapa blog saya tidak bisa dibuka ya,,, dan malahan muncul bd-cyber.tk mohon bantuan nya kepada semua sobat blogger,,,,

    terima kasih

    ReplyDelete
  18. masih pikir dulu gan
    apa sebaiknya blogku menggunakan tips ini ya
    sangat bermanfaat gan

    ReplyDelete
  19. Info yang bermanfaat... Makasih ya sob :)
    happy blogging skalian absen malam

    ReplyDelete
  20. Dapat share ilmu yang bagus nih.Izin simak dulu.ini cocoknya untuk theme download ga ya gan?

    ReplyDelete
  21. Ane mau nerapin ini..:)
    Thank's for tutorialnya

    ReplyDelete
  22. @>>> Ichwan HAUSGAME
    oke sobat sama2...

    @idebagus
    oke sob, semoga bermanfaat

    @Awelqq
    oke sob kalau begitu :D

    ReplyDelete
  23. @Website Falah Mulyana
    pas ane buka blognya gak ada masalah tu sob, tapi gak tau kalau sahabat blogger lainnya

    @Obat Sakit 2011
    oke sobat, tunjukan kreasi mu hehehe

    @Mania-Xp
    oke sama2 sob

    @Black Angel Syndicate
    siiip sob sama2, happy blogging jga sobat :D

    ReplyDelete
  24. @Bisnis Online Blog
    oke sobat terima kasih, boleh juga tu sob kalau di buat theme download :D

    @Torayasurabaya
    oke sobat, sama2...

    ReplyDelete
  25. Terima kasih sobat atas berbagi informasinya sobat

    ReplyDelete
  26. Sippp... terimakasih bos... Ilmunya berguna :)

    ReplyDelete
  27. sip bos....ijin copas ya....

    ReplyDelete
  28. @cardiacku
    oke sobat, sama2, semoga bermanfaat :)

    @Lensa
    sama2 sob, semoga bermanfaaat ya

    @corolla78
    silahkan sob...

    ReplyDelete
  29. mampir lagi disini sobat.. apa kabar hari ini?
    selamat beraktifitas sobat..
    dan ditunggu lagi kunjungan baliknya ya. hehe
    thanks sob. happy blogging ;)

    ReplyDelete
  30. mohon maaf sobat baru bisa menyapa sobat, soalnya baru selesai mengikuti UAS sobat...

    tips menampilkan judl post ini sangat keren sobat...

    sukses selalu sobat...

    ReplyDelete
  31. absen disore hari sob sambil menunggu postingan terbarunya :D

    ReplyDelete
  32. mantap gan tipsnya, ane lebih suka dengan ringkasan dari artikel blog

    ReplyDelete
  33. mantap udah ane praktekin dan berhasil sob

    ReplyDelete
  34. hadir kembali di sore hari sob menunggu postingan terbaru nhe :D

    ReplyDelete
  35. wih bagus nih langsung masuk bookmark :)

    ReplyDelete
  36. @Outbound Malang
    baik2 saja sobat, terima kasih sudah ampir disini,segera saya mampir ke blog sobat :D

    @meletus blog
    sama2

    @Asis Sugianto
    oke sobat gak apa2 saya tau kok hehe,makasih...

    ReplyDelete
  37. @Black Angel Syndicate
    makasih sobat sudah absen :D

    @wahid sahidu
    oke sobat sama2...

    @Mbah Qopet
    oke sob,semoga bermanfaat..

    ReplyDelete
  38. @Black Angel Syndicate
    oke sobat makasih ya..:D

    @Baha Andes
    oke sobat, semoga bermanfaat

    ReplyDelete
  39. Nice post sob.. :D

    Ditunggu kunjungan balik dan komentarnya.. :D


    Sukses selalu.. :D

    ReplyDelete
  40. @Najibblog2010
    sama2 sob, oke langsung ketekape
    sukses juga sobbuat anda :-*

    ReplyDelete
  41. mampir lagi nih ke blog sobat terbaik sembari menantikan postingan terbaru....
    oiya sob mohon bantuannya di blog saya sobat...

    ReplyDelete
  42. Ini mantab Sob tuk bikin statis page kayak website...nice share and happy blogging

    ReplyDelete
  43. oke sob. kunjungan balasan ni..
    oke dah, saya tunggu di malang. kekeke :D
    happy blogging sob. selamat beraktifitas aja yoo.
    ditunggu postingan selanjutnya.. :)

    ReplyDelete
  44. hadir kembali dimalam hari sob sambil menunggu postingan terbarunya nhe :D

    ReplyDelete
  45. kunjungan malam disini sobatku sambil nongkrong barena temen temen lainnya juga

    ReplyDelete
  46. @Asis Sugianto
    oke sobat, makasih untuk kunjungannya :D

    @Iskaruji dot com
    oke sob, semoga bermanfaat :D
    happy blogging juga...

    @Outbound Malang
    siip dah sob, beres pokoknya hehe :D

    ReplyDelete
  47. @Black Angel Syndicate
    oke sobat terima kasihuntuk kunjungannya :P

    @wahid sahidu
    siip dah, terima kasih sudah nongkrong disini hehe

    ReplyDelete
  48. ikutan baca-baca lagi gan
    belum ada yang baru ya gan

    ReplyDelete
  49. datang berkunjung lagi ke blog sobat terbaik nih, ditunggu post terbarunya sobat...

    ReplyDelete
  50. Berkunjung lagi, nunggu menu terbaru nih sob:)

    ReplyDelete
  51. wah, bagus ni, simpel, cocok buat langkah awal buat blogazine :), thx infonya

    ReplyDelete
  52. tips nya bagus al, tapi saya lebih suka pake fasilitas readmore saja biar agak pendek di home.. hehe :D

    ReplyDelete
  53. Top Info Gan, heheheh.

    ReplyDelete
  54. mantep gan tutorialnya, tapi ga begitu suka sih model home page seperti itu

    ReplyDelete
  55. @Obat Sakit 2011
    siahkan sobat,, belu gan nanti tunggu saja :D

    @Asis Sugianto
    oke sobat terima kasih, sip...

    @Bisnis Online Blog
    oke sobat terima kasih

    @Ardha Herdianto
    oke sob sama2 semoga bermanfaat

    ReplyDelete
  56. @dhenok habibie
    oke deh kalau begitu :D

    @PIEBIE
    terima kasih :D

    @Bolaku | Jadwal, Prediksi dan Hasil Pertandingan Sepakbola
    oke gan makasih, :P

    ReplyDelete
  57. menunggu postingan terbaru sobat...

    ReplyDelete
  58. itu kan utk dihompage ya sob, nah aku mau tanya, gimna caranya kalo untuk di bagian arsip saja?

    ReplyDelete
  59. selamat malam gan
    ijin baca-baca saja

    ReplyDelete
  60. Numpang koment aja ya bro, karna q dah lama gak berkunjung ke blog ini. hehehe


    Salam Blogger,

    Sukses slalu

    ReplyDelete
  61. @Asis Sugianto
    okedeh sob :D

    @Penghuni 60
    oke sobat,silahkan email saja ke mshaldhio@gmail.com
    nanti ane kasih scriptnya...

    ReplyDelete
  62. @Obat Sakit 2011
    malem jg gan :D
    monggo silahkan...

    @bangnes dot com
    oke sobat terima kasih untuk koment dan kunjungannya, sukses selalu juga buat sobat...

    ReplyDelete
  63. Cocok itu buat para pengemar blogspot hehehehe

    ReplyDelete
  64. hadir lagi sob tuk baca2 artikel lagi.. :D
    Absen siang sob :P

    ReplyDelete
  65. menurut saya mah, mending ilangin aja kode data:post.body nya, kalau itu bikin berat blog...

    ReplyDelete
  66. Mantap boleh di coba nih..
    Salam

    ReplyDelete
  67. Iya Mas. blog saya tolong di cekin dong.
    kayaknya banyak masalah.

    ReplyDelete
  68. Blog saya tolong di cekin dong Mas

    ReplyDelete
  69. Parkir lagi nih, nunggu menu baru

    ReplyDelete
  70. Terima kasih nie tutorialnya,, saya mau coba utak - atik dan menyembunyikan beberapa link seperti comment link biar tidak terlalu banyak link di dalam blog. Moga2 berhasil
    sekali lagi terima kasih ya..

    ReplyDelete
  71. cunayz back ke sini lagi gan :)

    ReplyDelete
  72. Menunggu Postingan terbaru nih.Oh ya ga ada hadiah buat agan, silahkan tengok di blog saya ya.MOga berkenan.

    ReplyDelete
  73. @Zonapedia
    bener sob :D

    @Black Angel Syndicate
    oke sob silahkan sobat

    @Alprablog™
    okelah kalau begitu :D

    ReplyDelete
  74. @Dhicomp
    silahkan, salam kembali

    @Tiara-PC
    oke nanti ane datang ke TKP

    @Bisnis Online Blog
    sip sobat sudah ada yg baru :D

    @BlogS of Hariyanto
    makasi sobat atas kunjungannya :D

    ReplyDelete
  75. @Rina As
    oke mbk silahkan, semoga bermanfaat ya? :D

    @BLOGCUNAYZ
    oke deh sob :D

    @Bisnis Online Blog
    oke sobat, saya langsung melunvur ke TKP

    ReplyDelete
  76. mantab nich HTML nya sob..

    ReplyDelete
  77. thnk gan, nice tutor

    ReplyDelete
  78. waah Gagal nih edinya nih...

    follback ya mas

    ReplyDelete
  79. mantapp nih... boleh dicoba :)

    ReplyDelete
  80. Owh... ada triknya ya bang? saya kira seting manual waktu posting dengan menambah jump break gitu...

    ReplyDelete
  81. banyak ilmu disini.belajar dl.numpang gelar tiker dl gan :D

    ReplyDelete
  82. mantabb, kelen gan ..
    keep share !!

    ReplyDelete
  83. mampir kembali gan, sekalian baca2 tutorial terbaru nya :D

    ReplyDelete