Share Giao Diện Chia Sẻ Video Cho Blogspot giống cuhatdi.com

Share Giao Diện Chia Sẻ Video Cho Blogspot

Giao diện chia sẻ video này rất chuyên nghiệp được rip từ site cuhatdi. 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.

Demo | Download 

Bổ xung thêm phần hiển thị bài viết ra trang chủ

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!