Tạo bài viết mới theo nhãn có ảnh và danh sách bài mới cho blogspot

Hôm nay tiện làm cái template webthuthuat.net, mình hướng dẫn luôn cách làm bài viết mới ngoài trang chủ giống họ, nhìn khá đẹp.

• Hướng dẫn thủ thuật auto like facebook, tăng like facebook cho blog, website
• Tạo slide ảnh đẹp và chuyên nghiệp bằng javascript
• Tạo recent post dạng slider cho blog, website đẹp và chuyên nghiệp

Cách làm: Đăng nhập Blog => Mẫu => Bố cục => Thêm Tiện ích Javascript/HTML => Paste đoạn code sau vào:

<style type="text/css">
#share123vn {
width:605px;
overflow:hidden
}

.share123vn h2 {
background:none repeat scroll 0 0 #F1F9FB;
font-size:12px;
border:1px solid #CCC;
border-radius:9px;
line-height:1.6em;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
font-weight:700;
text-transform:uppercase
}

b {
color:#0884ad;
font-size:14px
}

.share123vn ul {
list-style:none;
margin:0;
padding:0
}

.share123vn li {
text-indent:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAPKZ7kc_rD7u52hRd4CgEsMMZXGZMyMMdqzgUINgSbirTgQ6YMipp2pJR3sfqaXM_E5tG-mkLLKtodhGe2C2TAfZD-08G1-21FunSdtYIkqEA2r3jHFPynggGOVeoJTq-O-m22VHyzw/s1600/coni.png) no-repeat 0 7px;
line-height:1.5em;
margin:0;
padding:2px 0 2px 15px
}

.share123vn h2 a:link,.share123vn h2 a:visited {
color:#5e0a24
}

.share123vn a:link,.share123vn a:visited {
color:#0884ad
}
</style>
<div id="share123vn" class="share123vn">
<h2><a href="http://www.share123.vn/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot">Template Blogspot</a></h2>
<script type='text/javascript'>
numposts123 = 4; list123 = 1; sumPosts123 = 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 showrecentposts123(e) {
    img = new Array();
    for (var i = 0; i < numposts123; 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;"><tr><td><img width="140" height="105" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="border: 1px solid #ccc;padding: 5px;float: left;margin: 0 5px 5px 0;box-shadow: 2px 2px 2px #ddd;-webkit-box-shadow: 2px 2px 2px #ddd;"><a href="' + h + '"><b>' + g + '</b></a><p style="margin-left:20px;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts123) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list123)) {
            var n = l
        }
        if (i == list123) {
            var n = '<div class="share123vn"><ul>' + m
        }
        if ((i > list123) && (i < numposts123 - 1)) {
            var n = m
        }
        if (i == numposts123 - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
 //]]>
</script>
<script type='text/javascript'>
//<![CDATA[
document.write("<script src=\"http://www.share123.vn/feeds/posts/default/-/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot?max-results="+numposts123+"&orderby=published&alt=json-in-script&callback=showrecentposts123\"><\/script>");
//]]>
</script>
</div>

Sau đó Lưu lại

Share123.vn chúc bạn thành công.

Xem Thêm :