Menampilkan hanya Judul Posting pada item label blog
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>
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
Terima kasih Kibagus, ini yang saya cari-cari dari dulu, tapi nggak tau caranya . ternyata ada di sini .
BalasHapusWoww..mantaff neghh Tips nya..Thanks for share sob:)
BalasHapussiip deh sangat keren menarik dan membantu ,,makasih banyak ,,sukses slalu,,
BalasHapuskeep blogging moga jadi ilmu yang berguna,,
BalasHapusaku,,,beberapa kali mencoba ganti widget tapi kenapa nda bisa2 yach,,,,apa template nya yang nda bisa
BalasHapus@batik.. makasih kunjungannya..
BalasHapustidak 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..!
tutorialnya sangat membantu tentang judul posting pada label dan mudah saya mengerti atau pahami, terimakasih sahabat.
BalasHapuswaduh, salah terus nih gan.. knp yah? salah kopas mungkin yah.. dah ngantuk sih..
BalasHapuscoba besok lagi deh gan.. makasi info nya
makasih dah berkunjung..!
BalasHapus@kerudung. makasih met mencoba..! untuk kode diatas beda template kadang ada perbedaan / tidak persis sama, coba cari yang mirip
thanks infonua gan!!!
BalasHapusthnks for share ,,
BalasHapusough bgtu ya mas cara'y,,
BalasHapusboleh saya coba jg, mkzh ya bwt info'y sangt bermnfaat sekli...
kebetulan nih saya ge mncri,,,
BalasHapusmkzh ya bwt tips'y sangt membantu sekli
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
BalasHapusuntuk memasukan label pada posting dilakukan awal atau lewat edit post centang pd posting dan ganti label sesuai yang diinginkan
Hapus