JSFiddle: Next dan Previous pada Widget Posting Terbaru

https:////example.com/style.css X

.line {
    border: 4px solid #ddd;
}

#dhf-terbaru {
    background-color: #333;
    width: 100%;
}

.dhf-elemen {
    border-top: 1px solid #444;
    border-bottom: 1px solid #222;
    margin: 0;
    padding: 5px;
    height: 79px;
}

.dhf-elemen img {
    cursor: help;
    display: block;
    float: left;
    height: 70px;
    margin-right: 8px;
    width: 70px;
    padding: 4px;
    background-color: #222;
    border: 1px solid #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #444;
    -moz-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
}

.dhf-elemen h6,.dhf-elemen h6 a {
    font-size: 12px!important;
    font-weight: 700!important;
    text-decoration: none;
    margin: 0;
    color: #fff;
}

.dhf-elemen h6 a:hover {
    text-decoration: underline;
}

.dhf-elemen p {
    font: normal normal 11px/1.4 Arial,Sans-Serif;
    text-align: justify;
    color: #aaa;
    line-height: 14px;
    padding: 0 5px 0 0;
    margin: 5px 0;
}

#dhf-loading {
    color: #888;
    font-family: Tahoma;
    font-size: 100px;
    letter-spacing: -10px;
    text-align: center;
    text-shadow: -5px 0 1px #444;
    background: url(https://https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMMMoeDBhUiSux81emcili1T2LBuHil0NqM2owTFHreEGBXStLmwK0ue7_mGWtXSGDFnqR7yhg5DjCc7AcLxerDEmjtjRRteMiT1OCVBbhor9kIYQvamjJ0lbYu9soTPVt5Ff3VMlT48/s1600/loading.gif) no-repeat 50% 50%;
    height: 300px;
    border: 1px solid #ddd;
}

#dhf-navigasifeed {
    width: 100%;
    background-color: #333;
    border-top: 1px solid #444;
    color: #bbb;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}

#dhf-navigasifeed a {
    text-decoration: none;
    color: #bbb!important;
    font-family: Tahoma!important;
    font-size: 12px!important;
    font-weight: 400!important;
    display: block;
    padding: 5px 10px;
}

#dhf-navigasifeed a:hover {
    text-decoration: underline;
}

#dhf-navigasifeed span {
    padding: 5px 10px;
}

#dhf-navigasifeed .next {
    float: right;
}

#dhf-navigasifeed .previous {
    float: left;
    color: #141414;
}

#dhf-navigasifeed .home {
    text-align: center;
}

#dhf-navigasifeed a:hover,#dhf-navigasifeed span.noactived {
    color: transparant!important;
}

https:////example.com/script.js X

var numfeed = 3;
    var startfeed = 0;
    var urlblog = "https:////idtutorplus.blogspot.com";
    var charac = 200;
    var urlprevious, urlnext;

function incluirscript(parameter) {
        if (startfeed == 1) {
            removerscript();
        }
        document.getElementById("dhf-terbaru").innerHTML = "<div id='dhf-loading'></div>";
        document.getElementById("dhf-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', 'DHFLABEL');
        document.getElementsByTagName('head')[0].appendChild(terbaru);
        startfeed = 1;
    }

function removerscript() {
        var elemen = document.getElementById("DHFLABEL");
        var parent = elemen.parentNode;
        parent.removeChild(elemen);
    }
    onload = function () {
        navigasifeed(0);
    }