Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Monday, March 4, 2013

Cara membuat recent post perlabel dengan scroll

Cara membuat recent post perlabel dengan scroll
Cara membuat recent post perlabel hampir sama dengan cara membuat recent post perlabel dengan scroll, hanya yang membedakannya adalah adanya fitur scroll yang kita pakai disini. Hal ini juga berguna untuk meminimalis pemakaian halaman blog kita. Sebagai bloger kita seharusnya mengatur tata letak semua gadget blog kita agar kelihatan cantik dan gadget tersebut tidak memakan tempat pada halaman blog kita. Oke seperti biasa kita menuju TKP.







  • Login ke Blog anda
  • Klik Tambahkan gadget pada halaman tata letak ( layout )
    Setelah halaman fitur gadget kelihatan
  • Klik  HTML/JavaScript Tambahkan
  • Copy Paste Script yang ada dibawah ini, Pastekan kedalam kotaknya, berikan judul gadgetnya.

<div style="overflow:auto; width:auto; height:200px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script style="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>');
document.write('<div style="font-family:Arial; font-size:85%; margin-top:5px;">Widget by <a href="http://christiantatelu.blogspot.com/2012/02/cara-membuat-daftar-isi-otomatis-untuk.html" target="_blank" title="Cara Membuat Daftar isi otomatis untuk label tertentu ">christian tatelu</a></div>');
}

</script>
<script src="Alamat Blog Anda/feeds/posts/default/-/LABEL BLOG ANDA?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</div>



[ height:200px; ]     200   =>  adalah tinggi dari box scroll
[ Alamat Blog Anda ]      =>  Alamat blog anda
[ LABEL BLOG ANDA  ]             =>   Label blog anda

Setelah semuanya sudah sohib ganti, save gadget anda dan silahkan lihat hasilnya, perlu diingat bila postingan pada label blog anda masih sedikit ( 3 postingan ) fungsi scrolnya belum kelihatan hal ini terjadi karena kita [ height:200px; ] menjadi " 200 " maka tinggi dari box scroll nya belum melewati batas.
 

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Unknown Update pada : 1:54 AM

4 comments :

  1. Tanya Gan, kalo labelnya banyak bagaimana masukinnya Gan? TQ

    ReplyDelete
    Replies
    1. script ini dikhususnya untuk satu label jadi untuk memasukkan beberapa label silahkan copy script yang dibawah, kemudian ganti labelnya, begitu seterusnya bila ingin menambahkan label..

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog