Cara membuat related post atau postingan terbaru per-label

Cara membuat related post atau postingan terbaru per-label - Kali ini saya akan memberikan cara untuk membuat postingan terbaru atau related post per label pada blog. Dengan cara demikian akan memudahkan pengunjung untuk mencari bacaan sesuai dengan kategorinya. Biasanya tampilan seperti ini digunakan oleh website berita olahraga seperti sport.detik.com dll. Berikut langkah-langkahnya:

1. Masuk ke blogger
2. Pilih ke "Layout" atau "Tata letak".
3. Pilih "Add Gadget" atau "Tambahkan Gadget".
4. Masukkan kode atau script di bawah ini

<div class='widget-content'>

    <right><style>

    img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;}

    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;}

    ul.recent_posts_with_thumbs li {padding-bottom:2px;padding-top:2px;padding-left:0px;padding-right:10px;min-height:50px;list-style:normal;}

    .recent_posts_with_thumbs a {text-decoration:none;}

    .recent_posts_with_thumbs normal {font-size:13px;}

    </style>

    <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>

    <script style="text/javascript">

    var numposts = 7;

    var showpostthumbnails = true;

    var displaymore = false;

    var displayseparator = false;

    var showcommentnum = false;

    var showpostdate = false;

    var showpostsummary = false;

    var numchars = 75;

    </script>

    <script src="/feeds/posts/default/-/LABEL?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>

    </div>

Note:

• var numposts= 7; ==> Menunjukkan jumlah post yang akan di tampilkan
• Var showpostthumbnails= true; ==> Gunakan "true" apabila ingin menggunakan thumbnail, "false" jika tidak
• var displaymore= false; ==> Menambahkan tulisan read more, "true" jika ya, "false" jika tidak.
• var displayseparator= false; ==> Garis pemisah setiap postingan. "true" jika ya, "false" jika tidak.
• var showcommentnum= false; ==> Komentar yang ada di postingan. "true" jika ya, "false" jika tidak.
• var showpostdate= false; ==> Menampilkan tanggal postingan. "true" jika ya, "false" jika tidak.
• show postsummary= false; ==> Keterangan postingan yang tampil. "true" jika ya, "false" jika tidak.
• var numchars= 75; ==> Jumlah huruf atau keterangan yang tampil.
• LABEL ==> Ganti dengan nama label yang di inginkan.

Beres, selamat mencoba dan semoga sukses !!