Perhatian : para pengunjung di Larang Pencet / klik judul iklan yg bertentangan dengan SYARIAH ISLAM, harap maklum karena pemilik website tidak bisa mengontrol penuh tampilan iklan. .. terimakasih dan anda berkunjung di blogger tentang modif motor efek chroom, krom, crom, semoga kita semua selalu diberi keselamatan dan kesehatan oleh Alloh SWT. amin ya robbal alamin.

Selasa, 14 Mei 2013

Judul Posting per Label di Sidebar Sederhana

Judul Posting per Label di Sidebar Sederhana
Judul Posting per Label di Sidebar Sederhana, Menampilkan Judul Posting Berdasarkan Label. Bagi para blogger, menampilkan daftar posting terbaru, merupakan hal penting yang harus dilakukan, karena ini akan mempermudah pengunjung dalam melakukan navigasi untuk mendapatkan informasi yang dibutuhkan.

Berikut ini adalah cara menampilkan daftar judul posting terbaru berdasarkan label tertentu.  Widget ini sebenarnya sudah banyak dipublikasikan oleh para master blogger, saya bagikan kepada Anda yang mungkin kebetulan mampir di blog ini dan sedang mencari widget seperti ini.

Widget ini akan lebih baik jika dikombinasikan dengan widget lain seperti menu Accordion yang bisa Anda lihat pada bagian footer blog ini (POPULAR SERIES).  Script widget ini menggunakan javascript dan dipublikasikan oleh www.bloggersentral.com pada May 2010.

Untuk mengimplementasikan widget ini cukup mudah, Anda hanya perlu menambahkan sebuah gadget type HTML/Javascript pada sidebar blog, atau pada bagian footer blog Anda. Artikel saya Fafan Berikut ini adalah detail cara Menampilkan Judul Posting Berdasarkan Label;
  • Login ke blogger dengan ID Anda
  • Pada halaman dashboard blogger pilih menu Layout > Add a gadget, pilih gadget type HTML/Javascript.
  • Selanjutnya masukkan script berikut ini ke dalam Content gadget
  • <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 0; i < json.feed.entry.length; i++)
     {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script>
  • Sebelumnya jangan lupa untuk mengganti script yang ditulis dengan warna biru dengan URL blog Anda, warna hijau dengan Label Artikel yang ingin ditampilkan serta warna merah dengan angka berdasarkan judul posting per label yang akan tampil dan klik tombol Save untuk menyimpan gadget.
  • Untuk script yang dicetak tebal <ul> dapat di ganti dengan <ol> agar daftar judul posting tampil dengan nomor urut.
 Postingan selesai .......


 Bisa ditambah variasi scrool :
contoh :
<div style="overflow:auto; padding:5px; width:250px; height:260px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><script style="text/javascript">
var numposts = 500;var standardstyling = true;</script><script type='text/javascript' src='http://super-bee-daftarisiberdasarkanlabel.googlecode.com/files/daftarisiberdasarkanlabel.js'></script><ol><script src="http://tahapemas.blogspot.com/feeds/posts/default/-/blogger?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ol></div>


Artikel tentang  Judul Posting per Label di Sidebar Sederhana

Tidak ada komentar:

Posting Komentar