Menampilkan hanya Judul Posting pada item label blog


Untuk mempermudah dan memberikan akses yang nyaman pada pengunjung adalah dengan memanfaatkan widget label yang merupakan standart blogger, mungkin ini sudah tidak asing lagi bagi rekan blogger. Tapi standart blogger yang ada bila kita klik label yang muncul adalah posting pada label beserta dengan image dan uraian singkat dari isi posting.
Sekarang kita akan membuat tampilan yang muncul saat klik label hanya judul posting saja sehingga bisa tampak lebih menarik dan sederhana.

Kita langsung ke TKP saja biar jelas

Langkah Pertama

  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, centang "Expand Template Widget", cari kode berikut
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

Keterangan :
Ganti kode dengan warna merah dengan kode dibawah ini :
( bila kesulitan silakan mencari kode yang mirip dengan kode diatas )

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Simpan dan lihat hasilnya....!

Note :
untuk menambah tampilan agar lebih menarik berikut langkah yang harus diikuti :
Ganti kode warna biru diatas dengan kode dibawah ini


<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #F5D0A9;margin-bottom:2px;background:#A9D0F5;color:#000000;'>
<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRGyOTVAx19MqGkrIBDFTMRrF-3A7b3e4AShNljcdB1NIdwvBPOjnwT3HoUZAiFfzUVp4eESc_1pIBWHFtP6w4iAabJFnqbx9LxF2gVS2VDcjXl9WV1r_a16mNQrrAVtV0owKeMhSVCacc/'/>
<data:post.title/></div></a>



Keterangan :
Kode warna merah : jenis warna border, background dan warna teks ( ubah sesuaikan dengan kebutuhan )
Kode warna biru : image icon didepan judul posting ( ubah sesuai dengan kebutuhan )

Simpan dan lihat hasilnya.
Terima kasih semoga bermanfaat.
Sumber : blog sahabat

Komentar

  1. Terima kasih Kibagus, ini yang saya cari-cari dari dulu, tapi nggak tau caranya . ternyata ada di sini .

    BalasHapus
  2. Woww..mantaff neghh Tips nya..Thanks for share sob:)

    BalasHapus
  3. siip deh sangat keren menarik dan membantu ,,makasih banyak ,,sukses slalu,,

    BalasHapus
  4. keep blogging moga jadi ilmu yang berguna,,

    BalasHapus
  5. aku,,,beberapa kali mencoba ganti widget tapi kenapa nda bisa2 yach,,,,apa template nya yang nda bisa

    BalasHapus
  6. @batik.. makasih kunjungannya..
    tidak perlu tambah widget, masuk halaman Edit HTML Expand Template Widget cari kode yang warna merah ganti dgn kode yg kedua..! ( udah dicek pake template baru dan lama bisa.. ) met mencoba..!

    BalasHapus
  7. tutorialnya sangat membantu tentang judul posting pada label dan mudah saya mengerti atau pahami, terimakasih sahabat.

    BalasHapus
  8. waduh, salah terus nih gan.. knp yah? salah kopas mungkin yah.. dah ngantuk sih..
    coba besok lagi deh gan.. makasi info nya

    BalasHapus
  9. makasih dah berkunjung..!
    @kerudung. makasih met mencoba..! untuk kode diatas beda template kadang ada perbedaan / tidak persis sama, coba cari yang mirip

    BalasHapus
  10. thanks infonua gan!!!

    BalasHapus
  11. ough bgtu ya mas cara'y,,
    boleh saya coba jg, mkzh ya bwt info'y sangt bermnfaat sekli...

    BalasHapus
  12. kebetulan nih saya ge mncri,,,
    mkzh ya bwt tips'y sangt membantu sekli

    BalasHapus
  13. Ki bagus, mau tanya kalo cara masukin beberapa artikel berdasarkan menu header/label gimana kalo satu2 sih gampang, karena ketika di klik labelnya cuma satu yang nongol, mohon penjelasannya, terima kasih

    BalasHapus
    Balasan
    1. untuk memasukan label pada posting dilakukan awal atau lewat edit post centang pd posting dan ganti label sesuai yang diinginkan

      Hapus

Posting Komentar

Note :
. Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
. Terima kasih komentarnya...
. Semoga Bermanfaat...

Postingan populer dari blog ini

Menentukan ukuran Tangga dan Anak Tangga untuk bangunan bertingkat

Menghitung Volume Besi per-m3 beton bertulang

Memahami Mutu Beton fc (Mpa) dan Mutu Beton K (kg/cm2)

Bentuk konstruksi kuda kuda berdasar lebar bentang

Berita terbaru