- Đặc đoạn Javascript dưới đây trước
</body>
- Địa chỉ blog của bạn e = "http://nhatchanh.info";
- Để hiển thị bài viết theo nhãn, thay l = "-/tên nhãn";
- Số bài viết muốn hiển thị t = 20;
- Để hiển thị bài viết theo nhãn, thay l = "-/tên nhãn";
- Số bài viết muốn hiển thị t = 20;
<script>//< ![CDATA[- HTML (Hiển thị breaking news) chèn vào nơi muốn hiển thị hoặc vào Bố cục >> Thêm Tiện ích >> HTML/Javascript và dán nó vào
$(document).ready(function () {
var e = "http://nhatchanh.info", //Địa chỉ blog của bạn
l = ""; // hiển thị bài viết theo nhãn VD: "-/Thủ thuật Blogspot"
t = 20; //Số bài viết hiển thị
$.ajax({
url: e+"/feeds/posts/default/"+l+"?alt=json-in-script&max-results=" + t,
type: "get",
dataType: "jsonp",
success: function (e) {function t() {
$("#pncbreakingnews li:first").slideUp(function () {
$(this).appendTo($("#pncbreakingnews ul")).slideDown()
})
}
var n, r, s = "",
a = e.feed.entry;
if (void 0 !== a) {
s = "<ul>";
for (var l = 0; l < a.length; l++) {
for (var o = 0; o < a[l].link.length; o++) if ("alternate" == a[l].link[o].rel) {
n = a[l].link[o].href;
break
}
r = a[l].title.$t, s += '<li><a href="' + n + '" target="_blank">' + r + "</a></li>"
}
s += "</ul>", $("#pncbreakingnews").html(s), setInterval(function () {
t()
}, 5e3)
} else $("#pncbreakingnews").html("<span>Không có kết quả!</span>")
},
error: function () {
$("#pncbreakingnews").html("<strong>Lỗi! Không tải được</strong>")
}
})
});
//]]>
</script>
<div id='breakingnews'>- Tiếp theo, thêm đoạn CSS dưới đây vào thẻ
<span class='breakhead'><i class='fa fa-rss'/> Tin hót</span>
<div id='pncbreakingnews'>Đang tải...</div>
</div>
<b:skin>...</b:skin>
hoặc <style>...</style>
/* CSS Breaking News */- Cuối cùng Lưu lại và xem kết quả
#breakingnews {
margin: 15px;
height: 38px;
line-height: 26px;
overflow: hidden;
background: #fff;
border: 1px solid #e6e6e6;
}
#breakingnews .breakhead {
position: absolute;
background: none repeat scroll 0 0 #444;
color: #fff;
display: block;
float: left;
font-family: inherit;
text-transform: uppercase;
padding: 6px 12px;
}
#pncbreakingnews li a {
font-family: inherit;
font-weight: 400;
color: #666;
margin-top: 10px;
transition: all 0.5s ease-in-out;
}
#pncbreakingnews li a:hover {
color: #359bed;
}
#pncbreakingnews {
float: left;
margin-left: 100px;
margin-top: 6px;
}
#pncbreakingnews ul,#pncbreakingnews li {
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width:768px) {
#wrapper {
width: 80%;
};
}
Baoj ơi Bị Lỗi Phân Tích Cú Pháp Trước /body
ReplyDeleteBaoj ơi Bị Lỗi Phân Tích Cú Pháp Trước /body
ReplyDeleteChào bạn!
ReplyDeleteLac chủ đề mong bạn thông cảm bỏ qua.
Ban cho tôi hỏi. Nếu muốn hiện tất cả các bình luận ra ngoài trang chủ và người dùng có thể bình luận được, thì làm sao? Mong bạn giúp đỡ. Tôi có 1 blog chỉ duy nhất có 1 bài đăng, nên tôi muốn trang chủ người xem vẫn có thể bình luận được y như vào trang của bài đăng đó. Xin cảm ơn
vd như trang chủ này: http://xempfaucet.blogspot.com/ người xem vẫn có thể bình luận y chang trang bài viết chính./.
Best regards
TonySon
[img]https://farm1.static.flickr.com/691/22942150991_da04cc5766_o.png[/img]
ReplyDelete