Tạo menu responsive cho label của blogspot

Hôm nay yeusharevip blogger xin Chia sẻ với các bác thủ thuật mới
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ác sử dụng menu responsive cho labels của blogger rất đơn giản 

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

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/AVvXsEhRv-ayy8Wf_ph2nlYmq2I1EGzmgMjOVI4ARg6PIPV2gnsK4IkwE68KGLo5ss8Fzlk5sKx_kYRpJ-rnU12g1wXdidgaDcZHNI6VmyVmp-SX1kvhCx-OuXYGMjubcmn9_uCYhQ5ZRs1LGFYd/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>

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

Nếu có thắc mắc, hãy để lại comment phía dưới nhé, quản trị viên của yeusharevip blogger sẵn sàng trợ giúp bạn
chúc các bác thành công!!