Previous Dan Next Pada Widget Posting Terbaru

by dharlaferdana

HTML

<div class="line">
    <div class="batas" id="dhf-terbaru"></div>
    <div id="dhf-navigasifeed"></div>
</div>

CSS

body {
    margin-left: 20px;
    padding: 50px;
    background-color: #bbb;
    font: normal normal 11px/1.4 Arial,Sans-Serif;
    color: black;
}

.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(http://1.bp.blogspot.com/-vBDcLG_CXzU/UBqEMTknKcI/AAAAAAAAIHE/pZTfBZLbPwY/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:...

JavaScript

var numfeed = 3;
    var startfeed = 0;
    var urlblog = "http://www.dhf.web.id";
    var charac = 200;
    var urlprevious, urlnext;

    function dhffeed(dharla, banget) {
        var showfeed = dharla.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 = "http://2.bp.blogspot.com/-KVohdXsE11U/UZw-FEiC2iI/AAAAAAAACZI/9qi93dj09K4/s1600/dHF-logo1.png";
            }
           ...