Saturday, September 13, 2014

Cara Membuat Widget Recent Post / Artikel terbaru Yang Simpel Di blog

Cara Memasang Recent Post / Artikel terbaru Yang Simpel Di blog - Ada lagi Cara untuk mempercantik blog salah satunya adalah memasang widget Recent post. Recent post atau artikel terbaru  adalah script yang dipasang di blog untuk menampilakan secara otomatis artikel yang baru saja sobat update di blog.  untuk memasangnya tidaklah terlalu  sulit hanya copy kodenya lalu pastekan di blog. salahsatu dari kegunaan dari widget ini adalah untuk menyempurnakan navigasi blog agar pengunjung bisa lebih mudah bereksplorasi di blog sobat. hasilnya nanti kurang lebih seperti Artikel terbaru yang ada di blog ini  berikut adalah

Cara Membuat Recent Post Tidak Bergambar Di blog

  1. Masuk ke blogger dan silahan pilih TATA LETAK, TAMBAH GADGET, pilih HTML/Java Script ,  
    Cara Membuat Widget Recent Post  Artikel terbaru Yang Simpel.gif
  2. Silahkan copy kode di bawah ini dan pastekan di dalam kolom Javascriptnya . 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><strong></strong>
    <style type="text/css" media="screen">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:1px;
    padding:0px 0px;
    height:215px;
    }
    #spylist ul{
    width:99%;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:99%;
    padding: 0px 0px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:left;
    height:29px;
    overflow: hidden;
    background:#f4f4f4 url() repeat-x;
    border:1px solid #ccc;
    }
    #spylist li a {
    text-decoration:none;
    color:#250a99;
    width:99%;
    font-size:11px;
    height:7px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    .spydate{
    overflow:hidden;
    font-size:5px;
    color:#4a0616;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:12px;
    font-family:Neucha;
    }
    .spycomment{
    overflow:hidden;
    font-family:Arial;
    font-size:10px;
    color:#d10100;
    padding:0px 0px;
    margin:0px 0px;
    }
    -->
    </style>
    <script language='javascript'>
    imgr = new Array();
    showRandomImg = false;
    boxwidth = 200;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth =0 ;
    thumbheight = 0;
    fntsize = 8;
    acolor = "#d10100";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = false;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 6;
    home_page = "http://www.blogfacebookemail.blogspot.com/";
    limitspy=7
    intervalspy=8000
    </script>
    <div id="spylist">
    <script src='https://sohibsanam.googlecode.com/svn/sohibsanam%20file' type='text/javascript'></script>
    </div>
    Silahkan ganti kode ang berwarna merah dengan kode sesuai blog milik sobat sendiri .
  3. Silahkan simpan 
Terima kasih dan selamat mencoba memasang widget Atikel terbaru nya.

2 comments: