Senin, 15 Juli 2013

Pada intinya, sebenarnya cara membuat artikel terbaru perlabel ini sama seperti pada postingan saya yang sebelumnya yang berjudul Membuat artikel terbaru dengan thumbnail, dan disini kita hanya menambahkan sedikit kode. Berikut adalah langkah - langkah nya :
1. Login ke blogger
2. Masuk ke menu Tata Letak > Tambah Gadget > Pilih HTML / Javascript
3. Masukan kode skrip dibawah ini

<div class='widget-content'>
    <right><style>
    img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;}
    ul.recent_posts_with_thumbs li {padding-bottom:2px;padding-top:2px;padding-left:0px;padding-right:10px;min-height:50px;list-style:normal;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs normal {font-size:13px;}
    </style>
    <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
    <script style="text/javascript">
    var numposts = 5;
    var showpostthumbnails = false;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 75;

    </script>
    <script src="/feeds/posts/default/-/LABEL?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>
    </div>

4 Jika sudah selesai, tinggal Save dan lihat hasilnya.


Keterangan : 
- Perhatikan Teks yang berwarna Orange (LABEL) kalian ganti dengan nama Label yang ada pada blog kalian.

- Perhatikan teks yang berwarna Biru :
var numposts = 10; adalah jumlah post / artikel yang akan tampil
var showpostthumbnails = true; adalah thumbnail atau gambar yang tampil, true untuk menampilkannya dan ubah menjadi false untuk tidak menmpilkan thumbnail.
  
var displaymore = false; adalah teks seperti Readmore, true untuk menampilkannya dan false untuk tidak menmpilkannya.
var displayseparator = false; adalah garis pemisah yang akan memisahkan setiap postingan , true untuk menampilkannya dan false untuk tidak menmpilkannya
var showcommentnum = false; adalah komentar yang ada pada postingan , true untuk menampilkannya dan false untuk tidak menmpilkannya
var showpostdate = false; adalah tanggal postingan dibuat , true untuk menampilkannya dan false untuk tidak menmpilkannya
var showpostsummary = true; adalah keterangan suatu postingan yang tampil, true untuk menampilkannya dan false untuk tidak menmpilkannya
var numchar = 75 adalah jumlah huruf atau karakter yang tampil
Posted by dan ipul climber On 10.37 No comments

0 komentar:

Posting Komentar

Daftar Isi Per-Label

Free Music Online
Free Music Online

free music at divine-music.info
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

Blog Archive

Free INDONESIA Cursors at www.totallyfreecursors.com

    Blogger news

    ANAK DUNIA

    Blogger templates

    Blogroll

    Flag Counter