
- Thiết kế với giao diện sáng - Bố cục theo kiểu trưng bày sản phẩm
- Tương thích trên nhiều trình duyệt
- Hướng dẫn cài đặt:
Bạn vào bố cục - Chèn đoạn code bên dưới theo thứ tự vào 2 HTML/Javascrip nhé như hình bên dưới:
- Box 1 chứa ảnh quảng cáo bởi ThaiAiTi:
<a href="http://www.thaiaiti.com/2013/11/thiet-ke-banner-flash-ong-slideshow-anh.html" target="_blank">- Box 2 chứa Slider bài viết mới nhất:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCvNImnhKYaf28zHDaIErvrNU8rvjCHsahvznsqNjh-1ERxRkZKCV6U5pgj5n3ee2nTNzbBLDfqFQsliEFptk34qa2S9PPFqEf8_KMm7x5TTrkv68ho-smMUgFOYuFxQGNHNmEfTnmi8jA/s0/282013+copy.JPG" style="
margin-left: 30px;
margin-top: 10px;
"/>
</a>
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){
$('#slider').lofJSidernews({
interval:6000,
duration:800,
mainWidth: 530,
navigatorWidth: 100,
maxItemDisplay:4,
easing:'easeOutBounce',
auto:true,
isPreloaded: true
});
});
</script>
0 nhận xét:
Đăng nhận xét