Template Video Cho Blogspot. Giao Diện Site Video Blogger

Xin chào, lâu lắm mình chẳng update cái gì cả, mình cũng bận học và làm template cho khách, cũng tính share nốt mấy template mobile mà chưa viết được bài, tình cờ lướt Facebook thấy blog Đỗ Mạnh Hồng share template video cho blogspot khá đẹp và chuyên nghiệp nên leech về đây.

Theo mình biết thì template này được BÁN bởi ThaiAITI nhưng do Đỗ Mạnh Hồng rip rồi share lại, template đẹp nhưng bị mã hóa 1 số chỗ ai giỏi code thì edit nếu muốn phát triển không thì lấy về xem code để học hỏi.

Demo Download

Pass giải nén: tuoitreit.net

BỔ XUNG THÊM PHẦN HIỂN THỊ BÀI VIẾT RA TRANG CHỦ CHO CÁC BẠN.

Bước 1 : Vào bố cục thêm lần lượt các tiện ích HTML/Javascript
Đối với slider bài viết thêm đoạn code sau :

<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["prev", "next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>

Đoạn code này giúp hiển thị bài đăng mới nhất ra slider
Đối với các tiện ích khác bên dưới thì thêm đoan code sau :

<div class="boxhome-thaiaiti">
<div class="tieudeboxhome">
<a href="/search/label/Cover%20nhạc">Clip Cover</a>
<p><a href="/search/label/Cover%20nhạc">Xem Thêm →</a></p>
</div>
<div class="featuredPost2">
<script>
document.write("<script src=\"/feeds/posts/default/-/Cover%20nhạc?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts10\"><\/script>");
</script>
</div>
</div>


Đoạn code này giúp hiển thị bài viết theo từng nhãn (label). Các bạn chỉnh sửa label Cover Nhạc theo nhãn tương ứng của blog của mình. Chúc các bạn thành công.

Template blogger video, share template blogspot làm site video chuyên nghiệp và miễn phí, Download template giống haivl.tv