Daftar Artikel Blog Terbaru Versi 2

Widget ini akan menampilkan daftar postingan artikel terbaru dilengkapi dengan dropdown label post untuk men-sortir tampilan berdasarkan label tag postingan artikel. Widget ini umumnya digunakan untuk memudahkan pengunjung mengetahui postingan artikel terbaru blog apabila pengunjung blog tidak sempat membuka halaman utama blog.

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Cara Pemasangan :

Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.

Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa parameter kode tersebut agar sesuai dengan tema blog sobat.

<div class="mozlabellist">
<div id="pbl_labels"></div>
<div id="pbl_posts"> Loading... </div>
</div>
<div style='text-align:center;font-size:80%;width:100%;height:20px;background-color:#008FEF;'>
<a href='http://monosbit.blogspot.com' style='text-decoration:none;color:#fff;'>Powered by MonosBit</a>
</div>
<style>
.slcOptionLabel{
width:100%;
border:2px outset #5BA2E3;
color:#1368A8;
}
.slcOptionLabel:hover{
border:2px inset #5BA2E3;
}
.mozlabellist{
width:100%;
height:300px;
padding:5px 5px 30px 5px;
border:2px solid #008FEF;
margin:0px;
background-color:#D6D5D0;
box-sizing: border-box;
}
.moztitlelabel{
font-weight:bold;
margin-top:10px;
}
.moztitlelabel a{
color:#1368A8;
text-decoration:none;
}
.mozcontentlabel{
text-align:justify;
}
.mozcontinuelabel a{
color:#A8136C;
text-decoration:none;
}
#pbl_posts{
overflow:auto;
margin: 5px 0 0px 0;
padding:0 10px 0 5px;
width:100%;
height:100%;
box-sizing: border-box;
background: #D6D5D0 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8wG93EGlAz6d8D0p4cZhAoAmt7aa9Avu_L5BNpLsFrWQ0Z0_RZ5jWngQPyjuZ-9OJVpGH4CWwjjwDb7q-a0sBz3A7aS4UCA-jaBdv4mFr7qJz_ti8LXpYrcjMGrLFPlG9buWlJi3CIBM/s1600/nurse.png") no-repeat left bottom;
}
</style>
<script type="text/javascript">
var jumlah_maksimum_post = 100;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://sites.google.com/site/monosbit/recentpostsbylabel.js"></script>
<script src="http://monosbit.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed"></script>

Keterangan :

Perhatikan kode http://monosbit.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed ganti monosbit.blogspot.com dengan URL blog sobat.

Klik "Save" dan lihat hasilnya...

Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.

Daftar Artikel Blog Terbaru Versi 2

0 Response to "Daftar Artikel Blog Terbaru Versi 2"

Post a Comment

Popular Post