Memasang Recent Post (Postingan Terbaru) Pada Blog




Recent Post adalah judul-judul postingan terbaru yang akan muncul pada blog. Untuk memasang Recent Post di blog caranya dalah sebagai berikut:

  1. Login ke akun blogger
  2. Masuk Dasbor > Tata Letak > Tambahkan/Add Gadget > HTML/JavaScript
  3. "COPAS" kode berikut ini:
  4. <div style="border: 1px #FF0000 solid; padding: 10px;background-color:black;
    overflow: auto; height: 200px; width: 550px;
    text-align: left;">
    <div id="tb">
    <script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
    <script style="text/javascript">var numposts = 20;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
    <script src="http://kurniawan877.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
    <div style="display:none;">Recent Post no Thumbnail by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></div>
    <style type=text/css>
    #rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
    #rpdr, #rpdr a {color:#808080;}
    #tb { }
    .bbrecpost2 {
    padding-top:6px;
    padding-bottom:6px;
    border-bottom: 1px #cccccc dotted; }
    </style></div>
  5. Klik pratinjau terlebih dahulu, sebelum di simpan
KETERANGAN KODE:
  • Kode warna HIJAU ganti dengan URL blog kalian
  • black; adalah warna background
  • Angka MERAH adalah lebar dan tinggi kotak, silahkan ganti ukuran sesuai dengan yang kalian inginkan



Related Post