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.
 

post

• blockquote blogger
• cara membuat read more otomatis dengan snippet
• solusi kesalahan membuat pesan komentar diblog
• cara membuat spoiler di blog valid html5
• mengantisipasi tag heading h4 h5 h6 not found pada tool seo
• membuat link internal dan external seo friendly
• cara membuat tool parse kode html diblog
• meningkatkan trafik pengunjung dengan feedburner
• Random post dengan gambar valid html5
• Widget random post seo friendly html5
• Cara membuat pesan komentar di blogspot

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.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 1:54 AM