Cara Membuat Recent Pos Unik

Kali ini saya akan memposting cara membuat recent post dengan unik. Cocok untuk pemula seperti saya, jika ingin membuat recent post unik langsung az ke pokok pembahasannya.

1. Pertama yang harus sobat lakukan adalah Login ke akun blogger punya sobat.

2. Pilih Tata letak/layout atau Rancangan dan pilih Edit laman

3. Kemudian pilih Add Gadget

4. Cari dan pilihla HTML/Javascript

5. Copas kode dibawah ke form HTML/Javascript yg sudah sobat pilih tadi.

<div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">
    <right><style>
    img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;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:13px;font-color:black;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs normal {font-size:13px;}
    </style>

    <script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>
    <script style="text/javascript">
    var numposts = 10;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 75;
    </script>

    <script type="text/javascript" src="http://Nama Blogger Sobat.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>

6. Ganti Tulisan yang wana merah dengan url blog sobat
7. Jangan Lupa Simpan dan Lihat Hasilnya

Gampangkan gk memerlukan waktu yang lama, jangan lupa saran dan komentarnya, jika ada penulisan saya yang salah.

Selamat mencoba.

Baca Juga Yang Lainnya