Blogger HƯỚNG DẪN TẠO THANH MENU CỐ ĐỊNH (STICKY MENU)
Hình minh họa

CÁC BƯỚC THỰC HIỆN:

Bước 1: Blogger => Chủ đề => Sao lưu/Khôi phục => Tải chủ đề xuống. ( An toàn là trên hết )
Bước 2: Đóng lại => Chỉnh sửa HTML .
Bước 3: Các bạn xóa hết tất cả những gì bạn có bằng cả yêu thương. Á đù, nhầm, nhầm nhé :((
Các bạn xóa hết Css và code liên quan đến thanh menu mà bạn đang có.
Sau đó tìm thẻ  <body>và chèn tất cả nhưng thứ sau vào sau thẻ đó:
 Copy
<style>
.search_box_menu{display:inline;float:right}
#bsw_menu_search_box_v2_top_ws {background: transparent url(//2.bp.blogspot.com/-l7AqpYCZXnY/WfMr6-QsyVI/AAAAAAAADaM/iIF5vv1UgFY36YC5hMYL8mfJjpMUch4IACLcBGAs/s20/search_icon.png) no-repeat center left; background-position: 50%; border: 0; padding: 0 10px 0 42px; font: 400 16px Roboto; width: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .7s;cursor:pointer;line-height:33px}
#bsw_menu_search_box_v2_top_ws:focus{background:rgba(0,0,0,.2) url(//2.bp.blogspot.com/-l7AqpYCZXnY/WfMr6-QsyVI/AAAAAAAADaM/iIF5vv1UgFY36YC5hMYL8mfJjpMUch4IACLcBGAs/s20/search_icon.png) no-repeat center left;background-position:5% 50%;outline:0;border:0;border-radius:50px;color:#eee;padding:0 10px 0 37px;font:400 15px Roboto;line-height:33px;margin:0;width:180px;z-index:99;position:relative;cursor:text}
#bsw_menu_search_box_v2_top_ws::-webkit-input-placeholder{color:#ddd}

/* search box */
#top-wrap-bsw-menu.change .top_wrap-menu-bsw .logo a {padding:0 0 0 44px}
.top_wrap-menu-bsw .logo img {width:50px; height:50px}
#top-wrap-bsw-menu.change .top_wrap-menu-bsw .logo img {width:35px; height:35px}
#top-wrap-bsw-menu.change {height: 50px; line-height: 50px; background: #7577a9; box-shadow: 0 5px 5px rgba(0,0,0,.15)}
#top-wrap-bsw-menu{z-index:9999;width:100%;height:100px;line-height:100px;padding:0;background:transparent;position:fixed;top:0;left:0;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.top-wrap-menu_bsw{width:100%;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}
.top_wrap-menu-bsw{margin:0 auto;max-width:1080px;position:relative;width:100%}
.top_wrap-menu-bsw ul,.top_wrap-menu-bsw li{margin:0 0;padding:0 0;list-style:none}
.top_wrap-menu-bsw li{margin:0;float:right;display:inline;position:relative;text-transform:none}
.top_wrap-menu-bsw a{display:block;padding:0 15px;text-decoration:none;color:rgba(255,255,255,.9);font-weight:700;font-family:'Roboto Condensed',sans-serif;text-transform:none;transition:.1s}
.res-bsw-menu{display:none;margin:0 0;paddi.top_wrap-menu-bsw ul.drop-down-bsw_menung:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
.res_bsw-menu{font:500 30px Roboto;display:none;width:35px;height:36px;line-height:36px;text-align:center}
.top_wrap-menu-bsw ul.drop-down-bsw_menu{margin:0;width:250px;background:#fff;box-shadow:0 10px 23px rgba(0,0,0,.2);position:absolute;z-index:99;padding:0;opacity:0;visibility:hidden;transition:all .25s ease-in-out}
.top_wrap-menu-bsw ul.drop-down-bsw_menu:before{content:'';position:absolute;top:-12px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:35px}
.top_wrap-menu-bsw ul .drop-down-bsw_menu li{display:block;width:100%;font:12px 'Roboto',sans-serif;text-transform:none}
ul.drop-down-bsw_menu.morong-colum{width:500px}
.top_wrap-menu-bsw li:last-child ul.drop-down-bsw_menu{right:0}
.top_wrap-menu-bsw li:last-child ul.drop-down-bsw_menu:before{content:'';position:absolute;top:-12px;right:35px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:inherit}
.top_wrap-menu-bsw li:hover ul.drop-down-bsw_menu{opacity:1;visibility:visible;transform:none}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a{color:#555;padding:12px 20px;line-height:normal}
.top_wrap-menu-bsw ul .drop-down-bsw_menu li a{font:400 15px Roboto!important;text-transform:uppercase}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a:hover{background:rgba(0,0,0,.1)}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a:focus{background:rgba(0,0,0,.3)}
.top_wrap-menu-bsw .logo {position:absolute;left:0}
.top_wrap-menu-bsw .logo img {position:absolute;top:50%;left:0;transform:translate(0,-50%);border-radius:50%}
.top_wrap-menu-bsw .logo a {padding:0 0 0 70px;text-transform:uppercase;font-size:24px;letter-spacinggg:1px}
/* TOP MENU with Banner */
#bsw_bg_m_top{background:#fff;position:relative;padding:15px 0 5px 0;margin:auto;max-width:100%;overflow:hidden;text-align:left;margin:0}
.bsw_bg_m_top{width:1080px;margin:auto}
.bsw_bg_m_top a{color:#66689c;font:700 34px Roboto;text-transform:uppercase;letter-spacinggg:.05em}
.bsw_bg_m_top a:hover{color:333}
@media screen and (max-width:1024px){.top_wrap-menu-bsw ul.drop-down-bsw_menu a{color:#ccc!important}
.top-wrap-menu_bsw{width:100%!important;margin:0 auto}
.top_wrap-menu-bsw{margin:0 auto;width:100%!important;position:relative}
#top-wrap-bsw-menu{z-index:9999;width:100%;height:55px;background:#7577a9!important;position:inherit!important;top:0;padding:0}
.top_wrap-menu-bsw ul{background:rgba(48,55,59,0.98);position:absolute;top:40px;right:0;left:0;display:none;padding:15px 0!important;transition:.1s;position:relative;z-index:99999}
.top_wrap-menu-bsw ul.drop-down-bsw_menu:before{display:none!important}
.top_wrap-menu-bsw a{display:block;line-height:0;padding:10px 15px!important;text-decoration:none;color:#fefefe!important;text-transform:none}
.top_wrap-menu-bsw ul li a{font:400 18px Roboto!important}
.top_wrap-menu-bsw ul.drop-down-bsw_menu{height:auto;width:100%!important;background:transparent!important;position:inherit!important;z-index:99;display:block!important;visibility:visible;opacity:1;border:0;box-shadow:none!important;padding:8px 0!important;top:0!important;display:none;transform:none}
.top_wrap-menu-bsw li{display:block;float:none;width:100%}
.top_wrap-menu-bsw input,.top_wrap-menu-bsw label{position:absolute;top:12px;left:15px;display:block}
.top_wrap-menu-bsw input{z-index:4;width:90%}
.top_wrap-menu-bsw input:checked + label .hamburger1{transform:rotate(225deg);top:14px}
.top_wrap-menu-bsw input:checked + label .hamburger2{transform:rotate(-45deg);top:12px}
.top_wrap-menu-bsw input:checked + label .hamburger{transform:rotate(90deg);top:-50px}
.top_wrap-menu-bsw input:checked ~ ul .top_wrap-menu-bsw label{top:10px}
.top_wrap-menu-bsw input:checked ~ ul{top:55px;display:inherit;text-align:center;padding: 70px 0 0 0!important}
.top_wrap-menu-bsw input:checked + ul .drop-down-bsw_menu{display:block}
.hamburger,.hamburger1,.hamburger2{transition:.45445s!important}
.hamburger{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:6px}
.hamburger1{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:12px}
.hamburger2{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:18px}
.top_wrap-menu-bsw .title-bsw{color:#fff;font:500 26px Roboto;text-transform:uppercase;line-height:55px;left:70px;position:absolute;letter-spacinggg:0;display:none}</style>
<script>
//<![CDATA[
$(document).ready(function(){$(".widgetsplitone_right img").attr("src",function(a,b){return b.replace("s1600","s200")})})
//]]>
</script>
<script>
//<![CDATA[
$(document).ready(function(){$(".PopularPosts img").attr("src",function(a,b){return b.replace("w150-h150-p-k-no-nu","s1600")})})
//]]>
</script>
<noscript><meta content='0;url=//fb.com/100014201562904' http-equiv='refresh'/></noscript>
<!-- begin top wrap menu bsw -->
<div id='top-wrap-bsw-menu'>
<div class='top-wrap-menu_bsw'><nav class='top_wrap-menu-bsw'>
<input class='res-bsw-menu' type='checkbox'/>
<label class='res_bsw-menu'><span class='title-bsw'>Bác Sĩ Windows</span>
<span class='hamburger'></span>
<span class='hamburger1'></span>
<span class='hamburger2'></span>
</label>
<div class='logo'><a href='/'><img original='https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png' src='https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png'/>Bác Sĩ Windows</a></div>
<ul>
<li><a href='/' style='background:rgba(0,0,0,.2)'><i class='fa fa-home fa-lg'></i></a></li>
<li><a href='/blogspot'>BLOGSPOT<i class='fa fa-angle-down' style='margin:0 0 0 8px'></i></a>
<ul class='drop-down-bsw_menu'>
<li><a href='/blogspot'>Thủ thuật blogspot </a></li>
<li><a href='//www.bacsiwindows.com/theme' target='_blank'>Theme blogspot </a></li>
<li><a href='//www.bacsiwindows.com/search/label/Blogspot Menu'>Menu blogspot </a></li>
<li><a href='//www.bacsiwindows.com/blogger'>Widget blogspot </a></li>
<li><a href='//www.bacsiwindows.com/search/label/CSS'>CSS blogspot </a></li>
<li><a href='//www.bacsiwindows.com/search/label/Blogger Effect'>Effect blogspot </a></li>
<li><a href='//www.bacsiwindows.com/search/label/Blogger Loading'>Loading blogspot </a></li>
<li><a href='//www.bacsiwindows.com/contact'>Dịch vụ blogspot </a></li>
</ul>
</li>
<li><a href='//www.bacsiwindows.com/search/label/Phần Mềm'>PHẦN MỀM<i class='fa fa-angle-down' style='margin:0 0 0 8px'></i></a>
<ul class='drop-down-bsw_menu'>
<li><a href='//www.bacsiwindows.com/search/label/Antivirus'>
Diệt Virus </a></li>
<li><a href='//www.bacsiwindows.com/search/label/CCleaner'>CCleaner </a></li>
<li><a href='//www.bacsiwindows.com/2016/12/download-idm-full-crack-su-dung-vinh-vien.html'>I.D.M </a></li>
<li><a href='/copyright'>Bản quyền </a></li>
<li><a href='//www.bacsiwindows.com/2016/12/phan-mem-go-tieng-viet-unikey-moi-nhat.html'>Unikey </a></li>
</ul>
</li>
<li><a href='//www.bacsiwindows.com/'>THỦ THUẬT<i class='fa fa-angle-down' style='margin:0 0 0 8px'></i></a>
<ul class='drop-down-bsw_menu'>
<li><a href='//www.bacsiwindows.com/search/label/Thủ Thuật Máy Tính'>Thủ Thuật Máy Tính</a></li>
<li><a href='//www.bacsiwindows.com/search/label/Thủ Thuật Facebook'>Thủ Thuật Facebook</a></li>
<li><a href='//www.bacsiwindows.com/search/label/Thủ Thuật Youtube'>Thủ Thuật Youtube</a></li>
<li><a href='//www.bacsiwindows.com/search/label/Windows 10'>Thủ Thuật Windows 10</a></li>
</ul>
</li>
<li><a href='#'>ABOUT US<i class='fa fa-angle-down' style='margin:0 0 0 8px'></i></a>
<ul class='drop-down-bsw_menu'>
<li><a href='//www.bacsiwindows.com/p/top-commentators.html' target='_blank' title='Những người bình luận hàng đầu'>Top bình luận</a></li>
<li><a href='//www.bacsiwindows.com/comments' target='_blank'>Bình luận mới </a></li>
<li><a href='//www.bacsiwindows.com/ps' target='_blank'>Photoshop Online </a></li>
<li><a href='//www.bacsiwindows.com/p/ma-hoa-code.html' target='_blank'>Mã hóa HTML </a></li>
<li><a href='//www.bacsiwindows.com/p/nen-css.html' target='_blank'>Nén CSS </a></li>
<li><a href='//www.bacsiwindows.com/p/sitemaps.html' target='_blank'>Sitemaps </a></li>
<li><a href='//www.bacsiwindows.com/about' target='_blank'>Giới thiệu </a></li>
<li><a href='//www.bacsiwindows.com/contact' target='_blank'>Liên hệ </a></li>
<li><a href='//www.bacsiwindows.com/lien-ket' target='_blank'>Liên kết </a></li>
<li><a href='//www.bacsiwindows.com/rule' target='_blank'>Một số nội quy </a></li>
<li><a href='//www.bacsiwindows.com/admin' target='_blank'>Liên hệ Quản Trị Viên </a></li>
</ul>
</li>
<div class='search_box_menu'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='bsw_menu_search_box_v2_top_ws' name='q' placeholder='Tìm kiếm' type='text'/>
</form>
</div>
</ul>
</nav></div></div>
=> Thay đổi theo ý thích của bạn nhé. Nhất là Logo và tên Bác Sĩ Windows đấy :))

LỜI KẾT:

Chúc các bạn thành công, còn cái chữ thì chắc do font ròi. Thôi kệ đi má. K đc giống lắm :((
Nguồn: Star Thảo IT

CHIA SẺ BÀI VIẾT

- -
CHUYÊN MỤC

BÌNH LUẬN (0)