Cara Membuat Widget Recent Post Berdasarkan Label Atau Katagori - Widget Recent Post
atau biasa juga dikenal dengan artikel terbaru atau postingan terbaru
mempunyai fungsi untuk menampilkan beberapa artikel terbaru pada sebuah
widget, nah disini kita akan mencoba membuat atau menampilkan postingan dan artikel terbaru pada sebuah widget berdasarkan label dan katagori tertentu saja. pada widget yang akan kita bahas pada kesempatan kali ini terdapat kotak label dropdown
sehingga akan memudahkan pengunjung untuk mengetahui label yang ada
pada blog maupun website milik kita. Pada Widget Recent Post ini sudah ditambahkan scroll pada tepi widget yang bisa ditarik keatas dan kebawah. untuk tampilannya kurang lebih seperti pada gambar dibawah ini.
Nah pada widget Recent post diatas terdapat kotak label yang bisa
menampilkan seluruh label yang ada pada blog kita, sehingga akan
mengurangi ruang blog, sahabat bisa mengisi ruang blog yang lainnya
untuk digunakan advertise maupun widget yang lainnya.
Nah sekarang bagaimana Cara Membuat Widget Recent Post Berdasarkan Label Atau Katagori? silahkan sahabat lakukan langkah dibawah ini :
1. Login terlebih dahulu ke blogger
2. Pilih Tata Letak > Tambah Widget
3. Pilih HTML/Javascript
4. Copy kode script dibawah ini dan masukan kedalam Widget
<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:2px solid #ccc">
<span id="boy_labels"></span>
<div id="boy_posts"> Artikel Terbaru </div>
<script type="text/javascript">
var maximal_post = 14;
var summary_post = true;
var summary_characters = 78;
</script>
<script src="https://sundaboy.googlecode.com/files/recent-post-label.js">
</script>
<script src="http://den-shel.blogspot.com//feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>
<span id="boy_labels"></span>
<div id="boy_posts"> Artikel Terbaru </div>
<script type="text/javascript">
var maximal_post = 14;
var summary_post = true;
var summary_characters = 78;
</script>
<script src="https://sundaboy.googlecode.com/files/recent-post-label.js">
</script>
<script src="http://den-shel.blogspot.com//feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>
Keterangan :
Artikel Terbaru = Judul Widget
var maximal_post = 15; = Jumlah Postingan yang akan ditampilkan
var summary_post = true;= Untuk menampilkan ringkasan artikel. Ganti dengan false untuk menonaktifkan ringkasan
var summary_characters = 80;= Jumlah karakter ringkasan artikel
http://den-shel.blogspot.com= Ganti dengan alamat URL milik sahabat
5. Selanjutnya silahkan simpan widget dan lihatlah hasilnya
semoga bermanfaan untuk kita semua....