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.
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/AVvXsEiMGAFiq0IrxcIaxFNPYtZcijd-N1NsYIyQvF_sb7vutVeRR2HE6202c8l7xqU5_okpaTDRlZJwTBdUtSw8Q8f-AY0BZBNO4GwD1a8-XrihZHhX_shZej1K73D_qeAZmQnlYkuHlLNFXcsP/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
WWW.SHARE123.VN - WEBSITE THIẾT KẾ WEB - ZIP BLOGSPOT THEO YÊU CẦU
Chuyên thiết kế blog mới, zip blog đẹp và chuyên nghiệp, chia sẻ thủ thuật blogspot và các template free đẹp theo nhiều lĩnh vực
Không có nhận xét nào: