Breaking News
Loading...
Thursday, April 14, 2016

Cara Membuat Recent Post Ringan Dengan Thumbnail

12:19:00 PM

Cara Membuat Recent Post Ringan Dengan Thumbnail.   Recent Post yaitu suatu widget yang berfungsi untuk menampilkan posting artikel terbaru pada sebuah blog. Di blog bawaan Google sendiri tidak menyediakan untuk widget recent post ini. Sehingga kita harus membuat sendiri widget ini. Banyak sekali di hasil pencarian Google yang membahas cara membuat widget recent post di blog, tapi Sobat harus pintar - pintar dalam memilihnya.

Sebenarnya ada banyak model atau bentuk dari recent post, tapi untuk kali ini Ardiands.Blogs akan mengulas bagaimana cara membuat recent post dengan thumbnail. Untuk membuatnya pastinya kita menginginkan  recent post yang ringan, sehingga tidak memberatkan loding page pada blog. Untuk langkah - langkah membuatnya sebagai berikut :

Cara Membuat Recent Post Ringan Dengan Thumbnail

Langkah Dalam Membuat Recent Post Ringan Dengan Thumbnail :

  1. Masuk ke akun Blogger 
  2. Kemudian Klik Layout dan Add Gadget

  3. Cara Membuat Recent Post Ringan Dengan Thumbnail


  4. Dari jendela pop up, pilihlah HTML/JavaScript


  5. Copy Script dibawah ini dan Pastekan ke HTML/Javascript
  6. <style type='text/css'>
    img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
    float:left;margin: 10px 10px 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:11px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
    .recent_posts_with_thumbs strong {font-size:10px;}</style>
    <script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100; </script>
    <script src='http:// nama blog sobat/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

  7. Setelah itu Klik [[ Simpan ]]
Recent Post Ardiands.com
Recent Post


Itulah cara membuat recent post ringan dengan thumbnail, semoga bermanfaat dan smakin membuat blog Sobat jadi tambah Keren dan tentunya SEO Friendly. Selamat Mencoba.

8 comments:

  1. Udah aku praktekin mas ardiands di blog saya..wah mantap.ngga bikinberat blog saya..

    ReplyDelete
  2. Bener2 ringan nie mas bro.ga ada loading segala..jadi ngga ngeberatin kinerja blognya.

    Makasih atas codingnya..bravo ardiands blogs

    ReplyDelete
  3. mantap,,,langsung pasang berhasil. terimakasih

    ReplyDelete
  4. Maaf mas, untuk javascript yg di upload di googl code udah gk bisa, ada kode lain gk mas?

    ReplyDelete
    Replies
    1. mksh atas infonya mas.. nanti saya perbaiki untuk javasicriptnya .

      Delete

 
Toggle Footer