Cara menampilkan judul artikel saja dipostingan blog

Dapatkah kita menampilkan hanya judul artikel saja di semua postingan blog kita? atau dapatkan kita membuat postingan blog,dan setelah kita publikasikan nanti,yang akan kelihatan hanya judul artikelnya saja?jawabannya adalah bisa.

Untuk kalian yang ingin mengetahuinya,inilah panduan cara membuatnya:

Lihat 2 script atau kode html dibawah ini!

Script pertama:

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

Script kedua:

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

Kedua script di atas fungsinya adalah sama-sama bisa untuk memodifikasi tampilan postingan blog kita,cuma perbedaannya,kalau yang kalian gunakan adalah script yang pertama,maka hasilnya nanti kurang maksimal,karena elemen komentar blog masih akan kelihatan dibawah judul artikel blog kalian,tetapi jika yang kalian gunakan adalah script yang kedua,maka hasilnya nanti akan lebih maksimal dan lebih bagus,karena elemen komentarnya tidak akan kelihatan dibawah judul artikel blog,yang nanpak 100% hanya judul artikel saja.

Sekarang kalau kalian sudah tahu perbedaannya,pilihannya sepenuhnya terserah pada dirimu.Tetapi kalau saya lebih condong untuk menggunakan script yang kedua untuk memodifikasi tampilan postingan diblog saya,karena hasilnya nanti yang kelihatan bisa 100% judul artikelnya saja.

Selanjutnya untuk membuat postingan di blog kita supaya nantinya yang tampil hanya judul postingan saja setelah postingan tersebut kita publikasikan adalah copy-lah script yang nomer dua diatas! lalu silahkan kamu paste dibawahnya atau dibelakangnya kode ini ]]></b:skin> yang ada di kolom edit html template halaman dasbor blogger kalian.

Untuk yang belum tahu cara menyisipkan script yang kedua dibelakangnya kode ]]></b:skin> berikut ini langkahnya:
  • Login ke dasbor blogger.
  • Klik opsi lainnya.
  • Klik template.
  • Klik edit html.
  • Klik pratinjau template dulu,tidak ada error.
  • Klik simpan template.
  • Selesai,lihat hasilnya.
Supaya lebih jelas lihat gambar dibawah!


Mudahkan?selamat mencoba semoga berhasil.

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS