Share Giao Diện Chia Sẻ Video Cho Blogspot

Share Giao Diện Chia Sẻ Video Cho Blogspot

XEM TRƯỚC MẪU

DOWNLOAD MẪU

Giao diện chia sẻ video này rất chuyên nghiệp được H.Templates rip từ site cuhatdi.com. Share cho mọi người sài chơi. Nếu thấy ok thì cmt cảm ơn nhé, nếu có gì thắc mắc hoặc trở ngại thì cứ comments mình sẽ giúp hết mình.

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.
Xem không hiểu vui lòng xem video để cài đặt