Tutorial llmu llmu komputer dan download program gratis

Menampilkan Posting untuk Label Tertentu pada Blog

Kadang kala anda ingin menampilkan judul posting/artikel dari label tertentu saja. Hal itu sangat membantu ketika anda mempunyai sebuah label favorite pada blog dan ingin menempatkan judul posting/artikel pada widget atau pun pada postingan lain.

Java Script:

<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
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>

Kode HTML:

<ul>
<script src="http://alamat blog/feeds/posts/default/-/nama label?
orderby=published&alt=json-in-script&
callback=showrecentposts&max-results=999">
</script>
</ul>

50 merupakan jumlah maksimal artikel yang mau ditampilkan. Anda bisa menggantinya dengan berapa saja tergantung berapa banyak anda ingin menampilkan artikel.
alamat blog diganti dengan alamat blog anda.
nama label diganti dengan label yang ingin anda tampilkan. Pastikan nama label harus benar-benar sama, jika nama label berisi spasi, anda ganti spasi dengan %20.

Jika anda ingin menampilkan postingan untuk 2 label atau lebih, anda tinggal menambahkan kode html diatas lagi dengan mengganti nama label dengan label yang kedua.

Penempatan Kode

Cara pertama, kode Java Script bisa ditaruh di atas kode </head> pada template blog. Kemudian jika anda ingin meletakkan judul artikel/postingan pada widget, anda tinggal menambahkan widget baru (HTML/Java Script) kemudian taruh kode HTMLnya saja. Anda juga bisa meletakkan judul artikel tersebut pada artikel lain. Ingat ketika anda meletakkan kode HTMLnya di artikel pastikan anda dalam kondisi Edit HTML, bukan Compose.

Cara kedua adalah menempatkan Java Scriptnya langsung diatas kode HTMLnya. Misalnya anda ingin menaruh di Widget maka Isi dulu Java Scripnya, baru isi Kode HTMLnya. Hal ini tanpa mengubah template. Begitu juga jika ingin menaruh pada postingan, taruh Java Scriptnya dulu kemudian kode HTMLnya.

Share on Facebook
Share on Twitter
Share on Google+

Related : Menampilkan Posting untuk Label Tertentu pada Blog

11 komentar:

  1. terimakasih kang.. langsung dicoba/...

    ReplyDelete
  2. demonya / screen sootnya kok nggak ada

    ReplyDelete
  3. Maaf jika tidak saya isi screen shoot-nya, karena maksud dari tutorial ini hanya untuk menampilkan atau memperoleh daftar posting dalam bentuk anordered list (ul) dari suatu blog khusus untuk label tertentu saja. Kalo masalah tampilan bisa anda tambahkan css untul ul sendiri.

    Coba saja anda buat sebuah document html kemudian kemudian isi hanya kedua kode tersebut, tampilkan pada browser, maka akan anda dapatkan posting dari blog sesuai label yang anda isikan.

    ReplyDelete
  4. Di template saya saat mau dipasangi java scrip, muncul tulisan "Kesalahan saat mengurai XML...."
    pada bagian "for (var i = 0; i < numposts; i++) {"

    ReplyDelete
  5. eeds/posts/default/-/nama label?
    orderby=p
    Bagian nama label cuma bisa diisi satu label aja?

    ReplyDelete
  6. apakah kode di atas disa digunakan untuk menampilkan posting dari blog lainya agar tampil di blog kita, mohon pencerahanya gan. trims sebelumnya

    ReplyDelete
  7. Wah adminnya bego nih. Benahin lah. KESALAHANNYA SAMA KAYA MAS SRI KUNCORO SP

    ReplyDelete
  8. Alhamdulillah akhirnya cara posting untuk label dan cara membuat jumlah pengunjung tiap postingan blogger berhasil juga.

    Di blog berita juga ada artikel cara download video dari youtube. Selain itu, ada beragam cara desain blog. Tapi tak se-keren Blog viral. Hehe

    ReplyDelete
  9. itu kode javascrip sama html milih apa gimana?

    ReplyDelete
  10. alangkah baiknya jika dibuatkan juga gambarnya minimal screenshoot

    ReplyDelete

Silahkan kirimkan komentar atau merequest tutorial...