![\"\"\/](\"http:\/\/luuduchieu.com\/upload\/repository\/2016\/tintuc\/05\/cach-tao-menu-drop-down-cho-blogger-khong-can-javascript\/add-blogger-dropdown1.jpg\")
<\/figure>\n<\/div>\n\n\n<ul id="icbabdrop">\n <li><a href="#">Home<\/a><\/li>\n <li><a href="#">About<\/a><\/li>\n <li>\n Topics\n <ul>\n <li><a href="#">Lifestyle<\/a><\/li>\n <li><a href="#">Blogging<\/a><\/li>\n <li><a href="#">Art and Design<\/a><\/li>\n <\/ul>\n <\/li>\n <li><a href="#">Portfolio<\/a><\/li>\n <li><a href="#">Contact<\/a><\/li>\n<\/ul>\n<\/pre><\/div>\n\n\nB\u1ea1n c\u1ea7n thay \u0111\u1ed5i c\u00e1c k\u00fd t\u1ef1 # b\u1eb1ng \u0111\u01b0\u1eddng link \u0111\u1ebfn c\u00e1c m\u1ee5c t\u01b0\u01a1ng \u1ee9ng trong Menu c\u1ee7a b\u1ea1n. \u0110\u01b0\u1eddng link n\u00e0y c\u00f3 th\u1ec3 v\u1ec1 c\u00e1c Label hay link b\u00e0i vi\u1ebft,…<\/p>\n\n\n\n
C\u00e1c m\u1ee5c c\u00f3 trong Menu m\u1eabu nh\u01b0 Lifestyle, Blogging,\u2026 h\u00e3y thay b\u1eb1ng t\u1eebng m\u1ee5c mong mu\u1ed1n cho Blog c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n
B\u1ea1n d\u1ec5 d\u00e0ng t\u00f9y bi\u1ebfn Menu Drop Down c\u1ee7a m\u00ecnh b\u1eb1ng c\u00e1ch th\u00eam c\u00e1c ph\u1ea7n <li> ti\u1ebfp theo \u00a0v\u00e0o \u0111o\u1ea1n code tr\u00ean.<\/p>\n\n\n
\n<li>\n Topics\n <ul>\n <li><a href="#">Lifestyle<\/a><\/li>\n <li><a href="#">Blogging<\/a><\/li>\n <li><a href="#">Art and Design<\/a><\/li>\n <\/ul>\n <\/li>\n<\/pre><\/div>\n\n\nXong ph\u1ea7n 1 t\u1ea1o m\u00e3 HTML cho Menu. Ti\u1ebfp theo b\u1ea1n c\u1ea7n CSS l\u1ea1i cho Menu.<\/p>\n\n\n\n
Trong giao di\u1ec7n qu\u1ea3n l\u00fd Blogger. B\u1ea1n ch\u1ecdn Template (M\u1eabu) > T\u00f9y ch\u1ec9nh > Ch\u1ecdn ti\u1ebfp N\u00e2ng cao (Advanced) > K\u00e9o xu\u1ed1ng d\u01b0\u1edbi c\u00f9ng ch\u1ecdn Th\u00eam CSS.<\/p>\n\n\n\n
Sau \u0111\u00f3 b\u1ea1n th\u00eam \u0111o\u1ea1n CSS sau v\u00e0o \u00f4 Th\u00eam CSS t\u00f9y ch\u1ec9nh. N\u1ebfu am hi\u1ec3u ch\u00fat v\u1ec1 CSS b\u1ea1n c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda th\u00eam \u0111\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c Menu theo \u00fd mu\u1ed1n.<\/p>\n\n\n
\n\/* DROPDOWN MENU *\/\n.tabs-inner .widget ul#icbabdrop {\n text-align: left;\n display: inline;\n margin: 0;\n padding: 15px 4px 17px 0;\n list-style: none;\n border:none;\n}\n.tabs-inner .widget ul#icbabdrop li {\n font-size: 12px\/18px;\n font-family: sans-serif; \/* Font for the menu *\/\n display: inline-block;\n margin-right: -4px;\n position: relative;\n padding: 15px 20px;\n background: #fff; \/* background colour of the main menu *\/\n float:none;\n cursor: pointer;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -ms-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n}\n.tabs-inner .widget ul#icbabdrop li a {\n padding:0;\n font-family: sans-serif; \/* Font for the menu links *\/\n border:0;\n}\n.tabs-inner .widget ul#icbabdrop li:hover {\n background: #555; \/* background colour when you roll over a menu title *\/\n color: #fff; \/* font colour when you roll over a menu title *\/\n}\n.tabs-inner .widget ul#icbabdrop li:hover a {\n background: transparent;\n color: #fff; \/* font colour when you roll over a menu title link *\/\n}\n.tabs-inner .widget ul#icbabdrop li ul {\n z-index:1000;\n border:none;\n padding: 0;\n position: absolute;\n top: 45px;\n left: 30px;\n float:none;\n width: 150px;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n display: none;\n opacity: 0;\n visibility: hidden;\n -webkit-transiton: opacity 0.2s;\n -moz-transition: opacity 0.2s;\n -ms-transition: opacity 0.2s;\n -o-transition: opacity 0.2s;\n -transition: opacity 0.2s;\n}\n.tabs-inner .widget ul#icbabdrop li ul li {\n background: #555; \/* background colour of the sub menu items *\/\n display: block;\n color: #fff; \/* font colour of the sub menu items *\/\n text-shadow: 0 -1px 0 #000;\n}\nul#icbabdrop li ul li a{\n color:#fff \/* link colour of the sub menu items *\/\n}\n.tabs-inner .widget ul#icbabdrop li ul li:hover {\n background: #666; \/* background colour when you roll over sub menu items *\/\n}\n.tabs-inner .widget ul#icbabdrop li:hover ul {\n display: block;\n opacity: 1;\n visibility: visible;\n}\n<\/pre><\/div>\n\n\nNh\u01b0 v\u1eady l\u00e0 xong Menu Drop Down cho Blogger c\u1ee7a b\u1ea1n kh\u00f4ng d\u00f9ng Javascript. N\u1ebfu b\u1ea1n mu\u1ed1n th\u00eam v\u00e0o v\u1ecb tr\u00ed b\u1ea5t k\u1ef3 th\u00ec c\u00f3 th\u1ec3 m\u1edf ph\u1ea7n ch\u1ec9nh s\u1eeda HTML v\u00e0 th\u00eam \u0111o\u1ea1n Code HTML \u1edf \u0111\u1ea7u b\u00e0i vi\u1ebft v\u00e0o.<\/p>\n\n\n\n
Ch\u00fac b\u1ea1n th\u00e0nh c\u00f4ng.<\/p>\n","protected":false},"excerpt":{"rendered":"
V\u1edbi ng\u01b0\u1eddi d\u00f9ng Blogger kh\u00f4ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 Menu Drop Down c\u00f3 s\u1eb5n nh\u01b0 v\u1edbi m\u00e3 ngu\u1ed3n WordPress, do \u0111\u00f3 […]<\/p>\n","protected":false},"author":6,"featured_media":7942,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[170],"tags":[],"class_list":["post-5280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogger"],"views":484,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/5280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=5280"}],"version-history":[{"count":11,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/5280\/revisions"}],"predecessor-version":[{"id":7963,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/5280\/revisions\/7963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/7942"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=5280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=5280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=5280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}