XemPhimOn-Com Blogger Templates đã tích hợp giao diện Web/wap
Artikel Terkait
Demo Mobile: http://xem47.blogspot.com/?m=1
Hướng dẫn cài đặt: Tìm:
var homepageurl = "http://xem47.blogspot.com/";thay bằng domain của bạn.
Để sửa các thể loại hiện phim ở trang chủ tìm và thay = nhãn muốn hiện thị
/feeds/posts/default/-/Thay đổi slide giống demo
Tìm
<div class='slider_chieurap cf'> đến </div>
Thay bằng
<script language='javascript' src='https://googledrive.com/host/0ByWYRPBxGYiPNEVjVWpuMHZMc00/jquery.easing.1.3.js' type='text/javascript'/>LINK DRIVE : TẠI ĐÂY
<script language='javascript' src='https://googledrive.com/host/0ByWYRPBxGYiPNEVjVWpuMHZMc00/script.js' type='text/javascript'/>
<style>.main-slider{width:653px; /*độ rộng của phần bên trái*/
height:300px; /*chiều cao của phần bên trái*/
border-right:#ccc solid 1px;}
.lof-slidecontent { width:100%; /*độ rộng của cả tiện ích*/
height:275px; /*chiều cao của cả tiện ích*/
background:#252525;position:relative; overflow:hidden; border:#383838 solid 3px;}
.preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#252525}
.preload div{ height:100%;width:100%; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7OI06wnobpZBAmiOcOP8C-c9j5YmWB-YlueUhpAeysTcR0hl6wZ6Bfqkk31lAbTI66fM4d2QA_YTPEZTW2QlHan3jlfsqtRx5Cq_GzxcI_BUuya6GXeTsCZJuChVqhk8v5gJ5aaBedc/s16/load-indicator.gif) no-repeat scroll 50% 50%;}
.sliders-wrapper{position:relative; height:100%; z-index:3px; overflow:hidden; }
ul.sliders-wrap-inner{overflow:hidden; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs7OI06wnobpZBAmiOcOP8C-c9j5YmWB-YlueUhpAeysTcR0hl6wZ6Bfqkk31lAbTI66fM4d2QA_YTPEZTW2QlHan3jlfsqtRx5Cq_GzxcI_BUuya6GXeTsCZJuChVqhk8v5gJ5aaBedc/s16/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;}
ul.sliders-wrap-inner li{overflow:hidden;float:left; padding:0px;margin:0px; position:relative;}
ul.sliders-wrap-inner li img{ padding:0px;
width:653px; /*độ rộng của ảnh bên trái*/
height:300px; /*chiều cao của ảnh bên trái*/
}
.slider-description a{ color:#000; }
.slider-description{
font-size:12px;
z-index:100px;
position:absolute;
bottom:0px;
left:0px;
width:652px; /*độ rộng của phần mô tả hay phần tóm tắt nội dung*/
background:#000;
height:100px; /*chiều cao của phần mô tả hay phần tóm tắt nội dung*/
padding:0px 8px 5px 8px;
color:#fff;
opacity:0.8;
line-height:1.5em;
}
ul.navigator-wrap-inner h2,.slider-description h2{background:none; }
.slider-description h2{line-height:1.1em;margin: 5px 0 5px 0;}
.slider-description h2 a{font-size: 14px;margin: 0; padding: 0; color:#fff}
.navigator-content {position:absolute;right:0;top:0px;z-index:9;height:300px;color:#FFF
}
ul.navigator-wrap-inner h2{line-height:1.3em;padding:0 0 0 8px;font-size:14px;margin-left:85px;color:#fff;}
.navigator-wrapper{ z-index:10;
height:180px; /*chiều cao của list bài viết bên phải*/
width:310px; /*độ rộng của list bài viết bên phải*/
overflow:hidden;
color:#FFF;
}
ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; }
ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin:0px; overflow:hidden; display:block; text-align:center;}
ul.navigator-wrap-inner li.active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKxVYFIlYPJmSWz9xsPnpRsWaOPksTnKF9VXkn_t074yogfLiXA-GhohalMQ2DSa4KnLbOeTbuBCw-ONPpkJYRj0iZqaKJ71ja3-wbhYbeTSCZQf4GpSLyZoMU9HkTipgf62NrnM78TY/s38/arrow-bg.png) no-repeat scroll left center; color:#FFF
}
ul.navigator-wrap-inner li.active div{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOthFQFHi_YoqFDDDirZWqkUMLW3Xcz1eUHoMnPWxKVfA3Th5QQ9Kfx4wu4Vwb4QQDfTs5LR-E3hGJZgzNrNQYUZ-ShAf2as2kAQbmH65mjb1fidfAwpI7zU5Jl6t75fElBh4ABglEl7A/s100/grad-bg.gif);
color:#FFF;}
ul.navigator-wrap-inner li > div{
background:#333;
color:#FFF;
height:100%;
position:relative;
margin-left:15px;
padding-left:15px;
border-top:1px solid #E1E1E1;
text-align:left
}
.navigator-wrap-inner img{
height:75px; /*chiều cao của ảnh thumb ở list bài viết bên phải*/
width:75px; /*độ rộng của ảnh thumb ở list bài viết bên phải*/
margin:8px 8px 8px 0px;
float:left;
padding:2px;
border:#C5C5C5 solid 1px;
}
.button-next,
.button-previous{
display:block;
width:40px;
color:#FFF;
cursor:pointer;
position:absolute;
height:100%;
z-index:40;
top:0;
text-indent:-999px;
}
.button-next {
right:0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_t4R-cLhW3687EWtopuAObBXg3_BH6A2lndLWxvJZUsSMJDuovD0Vw7J-Tz1n7qNUBlUjO3Q68oSBBCcC-ty379S59iGbYfOwuk-an-hSW-Az32hvMPZdUP8S8_vTq4xZB9aonMr6Z8/s38/next.png) no-repeat right center;
}
.button-previous {
left:0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62Vuge8C5bhqOXc4yPCmv53vXPyqcW4lcN42qhJds5lVvDCwnORYrm2vplr33VEIRsADPq6dcJ67gicT9ylCAokHcrsuI3jX_nJaNdfTTVKQgb8O9TdrpKE1yKBSVYTZqz4EtXv9_RPQ/s38/previous.png) no-repeat left center;
}
.button-control {
background:#333;
position:absolute;
top:10px;
right:48%;
height: 20px;
width: 20px;
cursor:hand; cursor:pointer;
}
.button-control span { display:block; width:100%; height:100%;}
.action-start span {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzCK7sazNbr28k1iDK3uCl8325yObhL5UFjdA2vfduB64cZj9m0udG7oW5NM5WvsG_FEdSnxWDt2m10zlxGsv_r6uusX4PPKa_1_q70Vik8cA3_gRbv1fpBmKn4X4Z8nxqMH3NAaIBMk/s16/play.png) no-repeat center center;
}
.action-stop span {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8GIfeui8p-0sJqFC9AzmnlPf0buBuwth8Ge8ToK1py5ncMplFL91Gm8l1EsBK6-Dc_jms-VKPBgUG-ilj3Upo8IjFxkG29qC3TuiXRiVzBX3aj6UGCRNfwJ-Vfhr_CDeYKZr8UoCq8S8/s16/pause.png) no-repeat center center;
}
</style>
<script type='text/javascript'>
$(document).ready( function(){
var buttons = { previous:$('#jslidernews .button-previous') ,
next:$('#jslidernews .button-next') };
$('#jslidernews').lofJSidernews( { interval:5000,
easing:'easeOutBounce', // tên hiệu ứng
duration:1200,
auto:true,
mainWidth:653, //độ rộng của phần trình diễn bên trái
mainHeight:300, //chiều cao của phần trình diễn bên trái
navigatorHeight : 100, //chiều cao của list bài viết bên phải
navigatorWidth : 410, //độ rộng của list bài viết bên phải
maxItemDisplay:3,
buttons:buttons});
});
summaryposts = 30; //số ký tự của nội dung phần mô tả
numposts = 30; //số bài viết hiển thị
label = "phim%20chiếu%20rạp"; //thay thành tên nhãn của blog bạn
home_page = "http://xem47.blogspot.com/"; //thay thành địa chỉ blog của bạn
</script>
<div class='slider_chieurap cf'>
<div class='lof-slidecontent' id='jslidernews'>
<script src='https://googledrive.com/host/0ByWYRPBxGYiPNEVjVWpuMHZMc00/jqslidernews.js' type='text/javascript'>
</script></div>
</div>
LINK CHÍNH MEDIAFIRE : TẠI ĐÂY
Ace không nên thay đổi footer vì đây là phần của tác giả ace không nên chối bỏ tác giả đã Disigned ra template này
Subscribe Our Newsletter
0 Response to "Share template xemphimon giao diện phim cho Blogspot"
Đăng nhận xét