Trang trí blogspot chèn bài viết Recent Post & Random Post vào thanh Sticky Table Of Content - Template MeDian Ui

Mẫu code bài viết gần đây - Recent Post :

Css bài viết gần đây

<style type='text/css'>
#thietkeblogger-rc {width:255px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.thietkeblogger-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.thietkeblogger-rc ul{list-style:none;margin:0;padding:0}
.thietkeblogger-rc li{text-indent:0;background:url(http://4.bp.blogspot.com/-TVFMWMC-lZw/UasMPl5QstI/AAAAAAAADVw/Th-PSA_b3SI/s1600/tag_blue.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.thietkeblogger-rc h2 a:link, .thietkeblogger-rc h2 a:visited {color:#fff}
</style>

Html và Javascript bài viết gần đây

<div class='thietkeblogger-rc' id='thietkeblogger-rc'>

<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="thietkeblogger-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"https://www.digitalnomad.vn/feeds/posts/default/-/Viết thuê quảng cáo?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

Mẫu code bài viết ngâu nhiên - RanDom Post :

Danh sách bài viết ngẫu nhiên

<style>
#bo-rp-box {
float: left;
margin-bottom: 10px;
margin-top: 0px;
}
#bo-rp-box ul {
margin: 0px;
float: left;
margin-left: 20px;
padding: 0px;
}
#bo-rp-box li {
vertical-align: middle;
list-style: disc outside url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMF031MoXMO8KSxHIM4T9XP5MO8HmNB-Id3KFgyQTc4TDPqzuxv1-sTReOffY_BbI_1Ix3IwTPTmYEz5cWFN78c0QOGwwWcqV0eONgdn9eQlG-VhxePErrZlC8wb3coxQxsUefoAsWG1bK/s1600/b1.png");
margin-bottom: 0;
width: auto;
margin-top: 0;
padding: 10px 0;
}
#bo-rp-box a {
color: #0F0F0F;
text-decoration: none;
font-size: 14px;
}
#bo-rp-box a:visited {
text-decoration: none;
color: blue;
}
#bo-rp-box a:hover {
color: blue;
}
</style>
<script>
function rp_results_label(r) {
for(var e=0;e<r.feed.entry.length;e++){var l=r.feed.entry[e];rpTitles[rpTitlesNumb]=l.title.$t;for(var t=0;t<l.link.length;t++)if("alternate"==l.link[t].rel){rpUrls[rpTitlesNumb]=l.link[t].href,rpTitlesNumb++;break;
}}}
function removeRandomDuplicate() {
for(var r=new Array(0),e=new Array(0),l=0;l<rpUrls.length;l++)contains(r,rpUrls[l])||(r.length+=1,r[r.length-1]=rpUrls[l],e.length+=1,e[e.length-1]=rpTitles[l]);rpTitles=e,rpUrls=r;
}
function contains(r,e) {
for(var l=0;l<r.length;l++)if(r[l]==e)return!0;return!1;
}
function showRandomLabels() {
for(e=0;e<rpUrls.length;e++)rpUrls[e]==currentposturl&&(rpUrls.splice(e,1),rpTitles.splice(e,1));var r=Math.floor((rpTitles.length-1)*Math.random()),e=0;for(rpTitles.length>1&&document.write("<ul>");e<rpTitles.length&&e<20&&e<maxresults;)document.write('<li><a href="'+rpUrls[r]+'">'+rpTitles[r]+"</a></li>"),r<rpTitles.length-1?r++: r=0,e++;
document.write("</ul>");
}
var rpTitles=new Array,rpTitlesNumb=0,rpUrls=new Array;
</script>
<div id="bo-rp-box">
<script src="/feeds/posts/default?alt=json-in-script&amp;callback=rp_results_label&amp;max-results=10"></script>
<script>
var currentposturl="";
var maxresults=6;
removeRandomDuplicate(); showRandomLabels();
</script>
</div>

Hash Tag : #book