Cara Membuat Recent Post Berdasarkan Label Di Blogger

Setelah sebelumnya saya sudah membuat popular post berdasarkan label, pada tutorial kali ini saya akan membagikan tutorial tentang cara membuat recent post berdasarkan label di blogger. Yang membedakan dari widget sebelumnya adalah antara widget popular atau populer yang hanya menampilkan artikel populer dan recent post atau artikel terbaru.

Ini memungkinkan visitor atau pengunjung blog untuk melihat serta memilih 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.

Cara Membuat Recent Post Berdasarkan Label Di Blogger

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


Cara Membuat Recent Post Berdasarkan Label Di Blogger

- Langkah pertama masuk ke akun Blogger agan.

- Pilih menu Tata Letak, kemudian pilih lokasi widget yang agan inginkan, klik Tambahkan Gadget, kemudian pilih HTML/JavaScript.


- Masukan Judul widgetnya, kemudian masukan kode di bawah ini tepat di kolom Konten.
 

                Pengaturan Widget :

1. var numposts = 6; di gunakan untuk mengatur jumlah artikel yang akan di tampilkan, silahkan ganti dengan jumlah artikel yang agan ingin tampilkan.

2. var showpostthumbnails = true; di gunakan untuk mengaktifkan dan menonaktifkan gambar thumbails widget.


3. var displaymore = false; di gunakan untuk mengaktifkan dan menonaktifkan link readmore.


4. var showcommentnum = false; di gunakan untuk mengaktifkan dan menonaktifkan jumlah komentar pada artikel tersebut.


5. var showpostdate = false; di gunakan untuk mengaktifkan dan menonaktifkan waktu pembuatan artikel.


6. var numchars = 0; di gunakan untuk menampilkan jumlah karakter pada artikel.
true di gunakan untuk mengaktifkan fitur, false digunakan untuk menonaktifkan fitur yang ada.


7. Ganti Label Agan dengan dengan label blog yang agan akan tambahkan.


Setelah selesai mengatur, silahkan klik Simpan.
Jika berhasil maka tampilan widget akan seperti ini.


Membuat Grid Recent Post Berdasarkan Label di Blog
 
<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>


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



Tidak ada komentar:

Posting Komentar

Silahkan Berkomentar Sesuai Dengan Topik Artikel