Bài đăng phổ biến với hiệu ứng 3D Cube

Người đăng: ngaybennhau on Thứ Bảy, 6 tháng 7, 2013

Gần đây Viettin24h.com giới thiệu đến các bạn khá nhiều cách tùy biến bài đăng phổ biến . Thủ thuật hôm nay mình giới thiệu đến các bạn rất đẹp và lạ mắt! Với hiệu ứng 3D Cube làm cho tiện ích nhìn rất bắt mắt . 

Ảnh minh họa : 
Demo

Bắt đầu thủ thuật :
1.Đăng nhập Blogger

2.Chọn bố cục --> Thêm tiện ích Popular post( bài đăng phổ biến )
3. Thêm tiện ích HTML và dán code bên dưới vào :
<style type="text/css">
.cube {
width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script>
4. Sắp xếp lại 2 tiện ích vừa tạo như hình dưới 

5. Lưu lại và xem kết quả 

Chúc các bạn thành công !


{ 0 nhận xét... read them below or add one }

Đăng nhận xét