Bagaimana Cara Menciptakan Recent Post Menurut Label Di Blogger

Setelah sebelumnya saya sudah menciptakan popular post menurut label, pada tutorial kali ini saya akan membagikan tutorial ihwal cara menciptakan recent post menurut label di blogger. Yang membedakan dari widget sebelumnya yaitu antara widget popular atau terkenal yang hanya menampilkan artikel terkenal dan recent post atau artikel terbaru.


Ini memungkinkan visitor atau pengunjung blog untuk melihat serta menentukan artikel dengan label atau kategori yang mereka sukai. Tidak hanya itu, script yang di pakai juga tidak terlalu banyak sehingga memudahkan kita mengatur widget recent post ini.

Masih sama ibarat widget popular post per label, widget ini juga mempunyai pengaturan yang memudahkan kita untuk menampilkan beberapa fitur yang ada di dalam widget ini. Untuk cara memasang widget recent post menurut label di blogger, ikuti langkah-langkah dari saya berikut ini.

(Baca juga : Cara Membuat Recent Post Blogger Berdasarkan Label Seperti Evo Magz Template)

Cara Membuat Recent Post Berdasarkan Label Di Blogger

1. Langkah pertama masuk ke akun Blogger agan.
2. Pilih sajian Tata Letak, kemudian pilih lokasi widget yang agan inginkan, klik Tambahkan Gadget, kemudian pilih HTML/JavaScript.
3. Masukan Judul widgetnya, kemudian masukan arahan di bawah ini sempurna di kolom Konten.

<style type="text/css"> img.label_thumb{position:absolute;top:6px;left:0;float:left;height:50px;width:58px;}ul.label_with_thumbs{float:left;width:100%;margin: 0 0 0;padding:0;}ul.label_with_thumbs li{padding:6px 0px 6px 66px;position:relative;min-height:53px;margin:0 0 0 0;border-bottom:1px solid #eee;}ul.label_with_thumbs li:last-child{border-bottom:none !important;}.label_with_thumbs li{list-style:none;font-size:11px;color:#999;}.label_with_thumbs .title-label a{float:left;display:inline-block;font-weight:bold;font-size:13px;margin:0 0 3px;padding:0;color:#555;width:100%;}.label_with_thumbs a:hover{color:#0099cc;}.label_with_thumbs strong{padding-left:0px;}a.comment-label{font-size:11px;color:#999;}a.more-label{font-size:11px;color:#999;} </style> <script type='text/javascript'> var numposts = 6; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 0; </script> <script type="text/javascript" src="/feeds/posts/default/-/LabelAgan?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

• Pengaturan Widget :
• var numposts = 6; di gunakan untuk mengatur jumlah artikel yang akan di tampilkan, silahkan ganti dengan jumlah artikel yang agan ingin tampilkan.
• var showpostthumbnails = true; di gunakan untuk mengaktifkan dan menonaktifkan gambar thumbails widget.
• var displaymore = false; di gunakan untuk mengaktifkan dan menonaktifkan link readmore.
• var showcommentnum = false; di gunakan untuk mengaktifkan dan menonaktifkan jumlah komentar pada artikel tersebut.
• var showpostdate = false; di gunakan untuk mengaktifkan dan menonaktifkan waktu pembuatan artikel.
• var numchars = 0; di gunakan untuk menampilkan jumlah huruf pada artikel.
• true di gunakan untuk mengaktifkan fitur, false digunakan untuk menonaktifkan fitur yang ada.
• Ganti LabelAgan dengan dengan label blog yang agan akan tambahkan.
4. Setelah final mengatur, silahkan klik Simpan.
5. Jika berhasil maka tampilan widget akan ibarat ini.
   

Demikian tutorial dari saya mengenai cara menciptakan recent post menurut label di blogger. Jika ada pertanyaan mengenai widget ini, atau mengenai cara pemasangannya di blogger, silahkan masukan ke dalam kolom komentar.

sumber:tutorialumum.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: