reset and begin
4/24/2015

Tạo menu responsive cho label của blogspot

Việc google cập nhật thuật toán thân thiện với mobile ảnh hưởng không nhỏ đến các webmaster- 1 menu responsive sẽ dễ dàng được tạo ra  với slicknav jquery  các bạn sử dụng menu responsive cho labels của blogspot rất đơn giản 

Tạo menu responsive cho label của blogspot

Cách làm
B1 tạo 1 widgets labels

Tạo menu responsive cho label của blogspot
B2 add code script
 <script src='http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js'></script>
<style>
.slicknav_menu,#timkiem{display:none;}
@media screen and (max-width: 640px) {
.js .slicknav_menu{display:block;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUuQBlc8MakZLkQtWA9cPdNg1JTid8Br_MFMIHeVmVbVXmN6nzEW-R3zlGzwXPsa8B0n83iq7DyaAnS8i7u_OIIvdJqkSbl9mUJ-fWFr5vRNimzzHpLnDfd1-X5h0ovH1fCCuiioPRmau/s54/logo-mobile.png') no-repeat top left scroll #5591CF ;}
}
</style>
<link href='https://googledrive.com/host/0B5QGw-S27-uvYzdnNjZvYmxJVkk' rel='stylesheet' shimi='css sticknav' type='text/css'/>
<script shimi='css sticknav' src='https://googledrive.com/host/0B5QGw-S27-uvazdicUZhVUhHSXM'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
    $('#Label1').slicknav({   
    label: 'Shimi'
});
});
//]]>
</script>
Tạo menu responsive cho label của blogspot


Label1 là id của widger labels từ khóa nổi bật
B3 ngoài ra slick menu còn nhiều thông số các bạn có thể tìm hiểu menu responsive dễ dàng hơn

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .