Cara Membuat Post Terbaru Berdasarkan Label Tertentu

http://bursapendidik.blogspot.com/

Cekgu Online_ Bagi Kamu yang masih pemula dan masih bingung, bagaimana cara membuat recent post atau post terbaru berdasarkan label tertentu, nah kali ini cekgu akan share caranya. Sebenarnya blogger juga sudah menyediakan recent post berdasarkan label tertentu, tapi hanya saja post yang muncul hanya 5, tidak lebih, berbeda dengan cara Saya yang satu ini, Kamu dapat memunculkan post dengan banyak,dan tentunya tidak akan memakan ruang, karna widget ini memakai scrool atau spoiler.


Untuk caranya ikuti tutorial dibawah ini :
1. Log in ke Blogger.
2. Pilih Tata letak lalu klik Tambah Gadget.
3. Pilih HTML/Javascript lalu klik.
4. Lalu masukan kode dibawah ini :

<script type="text/javascript">
function showrecentposts(json)
{
  for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }}
    posttitle = posttitle.link(posturl);
    if (standardstyling) document.write('<li>');
    document.write(posttitle);}
    if (standardstyling) document.write('</li>');
}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://bursapendidik.blogspot.com/feeds/posts/default/-/Tutorial?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts" type="text/javascript"></script>

Contoh script diatas, saya membuat recent post berdasarkan label Tutorial.

Perhatikan code diatas, code yang berwarna biru ganti dengan alamat URL blog anda dan code yang berwarna merah gantikan dengan nama label. Jika nama label terdiri dari dua kata, biasanya dipisahkan oleh tanda %20 contoh label tips dan trik penulisannya adalah tips%20dan%20trik. Jadi nama label yang terdiri dari dua kata atau lebih pisahkan dengan tanda %20.

Setelah melakukan perubahan pada alamat url blog dan nama label, Save template dan lihat hasilnya

Baca juga berikut ini

Tidak ada komentar: