Chủ Nhật, 9 tháng 11, 2014

Menu là một diện mạo của Blogger bởi vì khi vừa vào blog thì ập vào mắt người xem là menu, menu cũng thể hiện lên được sự chuyên nghiệp của blog. Nên hôm nay Hồng Designer share cho các bạn Menu xổ xuống đẹp cho blogger.
Menu Blogger

Xem demo xong nếu các bạn thích thì chúng ta tiến hành nhé.

Để thêm Menu xổ xuống đẹp cho Blogger các bạn làm như sau :

Đăng nhập vào blogger => Template => Chỉnh sửa HTML. Tìm đến đoạn code menu hiện có trên blog của bạn xóa nó đi và thêm đoạn code bên dưới vào hoặc là thêm vào bất kì chổ nào bạn thích.
<!--menu by Hongdesigner--><div class='menudanhmuc-hong'>  <style>  .menudanhmuc-hong{height: 37px;width:100%;margin: 0 auto;position: relative;background:#a42e0c}.home-icon1 {float: left;overflow: hidden;background:#2882bc;padding: 7px 10px;margin-right: 10px;}.menudanhmuc-hong ul{list-style:none;padding: 0;width: 940px;margin: 0 auto;overflow: hidden;height: 37px;}.menudanhmuc-hong li{float:left;padding:0px;}.menudanhmuc-hong ul li a {color: #fff;padding-top: 11px;padding-bottom:10px;font:bold 13px arial;}.menudanhmuc-hong ul ul li a {color: #fff !important;font:13px arial;padding-top: 8px;height: 23px;padding-left: 8px;text-transform: none;border: none;}.menudanhmuc-hong ul ul li a:hover {text-decoration: underline;color: #ff0 !important;}.menudanhmuc-hong li a{color:#fff;display:block;line-height:35px;margin:0px;padding:0px 10px;text-align:center;text-decoration:none;}.menudanhmuc-hong li a:hover, .menudanhmuc-hong ul li:hover a{background:#2882bc;color:#fff;text-decoration:none;}.menudanhmuc-hong li ul{background:#2882bc;margin-top: -1px !important;display:none;height:auto;padding:0px;margin:0px;border-top: none;position:absolute;width:auto;z-index:200;overflow: hidden;border: solid 5px #992E0F;border-top: none;margin-left: -5px;}.menudanhmuc-hong li:hover ul{display:block;}.menudanhmuc-hong li li {display:block;float:left;margin:0px;width:150px;}.menuaddgon-hong {float: left;width: 150px;height: 100%;}.menuaddgon-hong h1 {font: bold 14px arial;padding: 10px 8px;margin: 0;color: #fff;height: 10px;width: 150px;overflow: hidden;float: left;}.menudanhmuc-hong li:hover li a{background:none;}.menudanhmuc-hong li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}.menudanhmuc-hong li ul a:hover, .menudanhmuc-hong li ul li:hover a{border:0px;background:#2882bc}.menudanhmuc-hong p{clear:left;}.menu-right {float: right;}.menu-right li a:hover {background: transparent !important;color: #ff0 !important;}#hong-menutop-right {float: right;}#hong-menutop-right a {float: left;color:#F37B24;margin-top: 13px;margin-left:5px;font: 12px arial;text-transform: uppercase;}  </style><ul> <div class='home-icon1'><a href='/'><img border='0' src='https://lh6.googleusercontent.com/-nsXCGR-1xDg/UlFeYmoGLAI/AAAAAAAAFyk/wlVyOHd9cTE/s0/home-icon.png' style='width: 20px;'/></a></div><li><div class='themmau1'><a class='trigger' href='#'>Đồ họa</a></div><ul><div class='menuaddgon-hong'><h1>Photoshop</h1><li><a href='/search/label/Cover'>PSD Cover</a></li><li><a href='#'>Plugins</a></li><li><a href='#'>Share File PSD</a></li><li><a href='#'>Mẫu thiệp cưới PSD</a></li></div><div class='menuaddgon-hong'><h1>Dựng Phim</h1><li><a href='#'>Premiere Pro</a></li><li><a href='#'>After Efects</a></li><li><a href='#'>Avid Liquid 7</a></li><li><a href='#'>Proshow Gold</a></li></div><div class='menuaddgon-hong'><h1>Tổng hợp</h1><li><a href='#'>Flash</a></li><li><a href='#'>Media</a></li><li><a href='#'>Ðồ họa kỹ thuật</a></li></div></ul></li><li><div class='themmau1'><a class='trigger' href='#'>WordPress</a></div><ul><div class='menuaddgon-hong'><h1>Template WP</h1><li><a href='#'>Template Pro</a></li><li><a href='#'>Thủ thuật Fre</a></li></div><div class='menuaddgon-hong'><h1>Thủ thuật WP</h1><li><a href='#'>Thủ thuật</a></li><li><a href='#'>Plug-Ins</a></li></div></ul></li><li><div class='themmau1'><a class='trigger' href='/search/label/Blogger'>Blogspot Tips</a></div><ul><div class='menuaddgon-hong'><h1>Thủ thuật</h1><li><a href='/search/label/404 Error'>404 Error</a></li><li><a href='/search/label/Add doman'>Add doman</a></li><li><a href='/search/label/ADS'>ADS</a></li><li><a href='/search/label/Box'>Box</a></li><li><a href='/search/label/Comments'>Comments</a></li><li><a href='/search/label/Label'>Label</a></li><li><a href='/search/label/Like box'>Like box</a></li><li><a href='/search/label/Menu'>Menu</a></li><li><a href='/search/label/Slide'>Slider</a></li><li><a href='/search/label/Widget'>Widget</a></li></div><div class='menuaddgon-hong'><h1>Templates</h1><li><a href='/search/label/Template Bán Hàng'>Temp bán hàng</a></li><li><a href='/search/label/Template'>Temp tổng hợp</a></li><li><a href='/search/label/Template Free'>Template Free</a></li><li><a href='/search/label/Template%20blogger'>Temp Phim,Video</a></li><li><a href='/search/label/Template%20blogger'>Temp Nghe nhạc</a></li></div><div class='menuaddgon-hong'><h1>SEO Blogger</h1><li><a href='/2014/11/seo-off-page-cho-bloggers.html'>SEO Off Page</a></li><li><a href='/search/label/SEO Settings'>SEO Settings</a></li><li><a href='/search/label/Tối ưu'>Tối ưu Blogger</a></li></div></ul></li><li><div class='themmau2'><a class='trigger' href='#'>Thủ thuật</a></div><ul><div class='menuaddgon-hong'><h1>Marketing Online</h1><li><a href='/2014/11/cach-tao-khach-hang-trung-thanh.html'>Tạo KH Trung Thành</a></li><li><a href='/2014/11/5-loi-khuyen-cho-kinh-doanh-online.html'>5 Lời khuyên</a></li><li><a href='/2014/11/5-cach-kinh-doanh-online-hieu-qua.html' target='_blank'> 5 Cách kinh doanh</a></li></div><div class='menuaddgon-hong'><h1>Youtube</h1><li><a href='/2014/11/kiem-tien-tu-youtube.html'>Kiếm tiền từ Youtube</a></li><li><a href='/2014/11/5-thu-thuat-seo-youtube.html'>5 SEO Youtube</a></li><li><a href='/2014/10/thu-thuat-seo-youtube.html'>Tips Seo Youtube</a></li></div><div class='menuaddgon-hong'><h1>Facebook</h1><li><a href='/search/label/Shop'>Facebook Shop</a></li><li><a href='search/label/Facebook'>Facebook Tips</a></li></div></ul></li><li><div class='themmau2'><a href='#'>Công cụ</a></div><ul><div class='menuaddgon-hong'><h1>Mạng Internet</h1><li><a href='#'>Cài đặt teamview</a></li><li><a href='#'>Làm đẹp CSS</a></li><li><a href='http://whichloadsfaster.com/?amp;l=ishare247.blogspot.com&amp;r=www.dantri.com'>Kiểm tra tốc độ Web</a></li><li><a href='#' target='_blank'>Tải teamview</a></li><li><a href='#'>Cách vào Facebook</a></li><li><a onclick='window.open(&apos;http://www.ma-config.com/en/installplugin/0.html&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=900,height=600,scrollbars=no&apos;);return false' src='#'>Cập nhật Drivers</a></li><li><a href='#'>Đổi link GoogleDrive</a></li><li><a href='#'>Đưa Web lên Bing</a></li><li><a href='#'>Đưa Web lên Google</a></li></div><div class='menuaddgon-hong'><h1>Phát triển Web</h1><li><a href='#'>Lấy data blogspot</a></li><li><a href='http://www.css3maker.com/'>Tạo CSS3 tự động</a></li><li><a onclick='window.open(&apos;http://whichloadsfaster.com/&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=500,height=900,scrollbars=no&apos;);return false' src='#'>Ai load nhanh?</a></li><li><a onclick='window.open(&apos;http://iphone4simulator.com/&apos;,&apos;new&apos;,&apos;resizable=no,toolbar=no,menubar= no,location=no,directories=no,status=no,top=30,left=500,width=500,height=900,scrollbars=no&apos;);return false' src='#'>Test giao diện</a></li><li><a href='#'>Mã hóa Code</a></li><li><a href='#'>Lấy Link Flash</a></li></div></ul></li>    <li><div class='themmau3'><a class='trigger' href='#'>Giải trí</a></div><ul><div class='menuaddgon-hong'><h1>Nghe nhạc</h1><li><a href='#'>Nghe Nhạc DJ</a></li><li><a href='#'>Nhạc nước ngoài</a></li><li><a href='#'>Nhạc Trẻ</a></li><li><a href='#'>Nhạc sàn</a></li><li><a href='#'>Nhạc trữ tình</a></li></div><div class='menuaddgon-hong'><h1>Xem Phim</h1><li><a href='#'>Cổ tích VN</a></li><li><a href='#'>Phim 1 tập</a></li><li><a href='#'>Phim Việt Nam</a></li><li><a href='#'>Tâm lý</a></li><li><a href='#'>Hành động</a></li><li><a href='#'>Hài</a></li></div><div class='menuaddgon-hong'><h1>Tổng hợp</h1><li><a href='#'>Tivi Online</a></li><li><a href='#'>Game mini</a></li><li><a href='#'>Video Clip</a></li><li><a href='#'>Clip hài</a></li></div></ul></li><url class='menu-right'><li><a href='https://www.blogger.com/'><img src='https://lh5.googleusercontent.com/-RskhLJez0dE/U02LVzrQCMI/AAAAAAAAHhk/aYpDGOv8hp8/s0/mayquay.PNG' style='margin-right: 5px;float: left;margin-top:3px;'/>Admin Đăng Nhập</a></li><li><a href='#'><img src='https://lh6.googleusercontent.com/-ArYZZmjlTTI/U02LV6jxFBI/AAAAAAAAHhg/d1bbyedCy-4/s0/mayanh.png' style='margin-right: 5px;float: left;margin-top:3px;'/>Ảnh</a></li></url></ul></div><!--menu by Hongdesigner-->
Xong lưu template lại và kiểm tra thành quả. Chúc các bạn thành công.

0 nhận xét:

Đăng nhận xét