Cara membuat recent post bagus

Haloo sahabat.....

Sekarang saya lagi ngasih post tentang caranya buat recent post otomatis. Nah di sini langkah-langkahnya cukup mudah sekali dan gampang bangat ketimbang dengan buat recent post yang lain. 

Adapun langkah-langkahnya yaitu:

1. Luangkan waktu sobat untuk membaca tutorial ini,,pastinya

2. Silakan masuk ke menu dashboard shobat, sobat pastidah tau kan dimana itu

3. Pilih template dan kemudian klik add gadget dan klik juga add Html

4. Nah setelah proses dari 1,2,3 selesai lanjutkan dengan mengkopi scrip yang di bawah ini ke dalamnya

 -------------------------------------------------------------------------------------------------------------------------------------------

<style type='text/css'>
    #mas-terbaru{border:1px solid #fffc02;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #7b5e07;margin:5px 0;padding:4px;height:89px}
    .mas-elemen img{background:#fe0e02;padding:1px;float:left;height:80px;margin-right:5px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#000303}
    .mas-elemen:hover{background-color:#fcfa52}
    .mas-elemen p{font:12px Arial;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Arial:-10;font-size:100px;letter-spacing:1px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlswHG3BobcG5zW7xDAmzmUX89PgxF-rcYnNHdZrhZuI3vR0QF4MAqgsqXE6E-tM-tA-8g7jzCRIqS2QMydoZbGGgupW2wx3zqjlgHMk4oMSi-p-Ve_MjESyu9nnqrUvx8Q7aaWqI4D-4/s1600/loading.gif) repeat 50% 50%;height:470px;border:1px solid #010101}
    #mas-navigasifeed{border:1px solid #676769;color:#bbb;font-family:Verdana;font-size:12px;text-align:justify;margin:0px}
    #mas-navigasifeed:hover{background-color:#8cfc8c}
    #mas-navigasifeed a{color:#020202!important;font-family:Arial!important;font-size:12px!important;font-weight:400!important;display:block;bold;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://goookilllagung.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;
    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed = showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5f4OxVqJH94xvE2_X4bWbOM4r9KHJ3pXfs6LHiMmpVSfme3rWy5Fdrect3BttT91swFO1z7w-Ge74i0CLkwKQxZj5aRSqwN-aiLM6hyfsbHXyJ-VPG0lZ1RydVJr3IOP6rm-m8m-C2_I/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }
    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>

--------------------------------------------------------------------------------------------------------------------------------------------

5. Selesai dah.....mudahkannn...Ntar kalau ada yang di tanyain tinggalkan aja komen nya di bawah..SIP