14/10/13

30 mẫu menu ngang cho blogger với CSS và HTML Codes ( phần 2)

Đăng bởi Admin | 14/10/13 | 0 nhận xét

Thu thuat vi tinh xin giới thiệu với bạn đọc 30 mẫu danh mục thực đơn ngang cho blog. bạn thoải mái lựa chọn theo ý thích. 

                                30 mẫu menu ngang cho blogger với CSS và HTML Codes ( phần 2)

Làm thế nào để Thêm Các menu Navigation Blogger?


Thêm menu lựa chọn của bạn để mẫu blogger của bạn theo các bước sau:
  1. 1. Đăng nhập vào  Blogger> Layout
  2. 2. Nhấp Thêm một tiện ích hoặc Thêm một yếu tố trang
  3. 3. Chọn HTML / JavaScript 
  4. 4. Đơn giản Dán Menu Mã trong ô HTML / JavaScript 
  5. 5. Nhấn Save
  6. 6. Kéo HTML / JavaScript widget và thả nó dưới Tiêu đề của Blog của bạn, như hình dưới đây:30 mẫu menu ngang cho blogger với CSS và HTML Codes ( phần 2)

    Để thay đổi các liên kết, chỉnh sửa một phần của HTML trong tất cả các mã dưới đây,

    <li><a href="#" ><span>Link 1</span></a></li>
    <li><a href="#" ><span>Link 2</span></a></li>
    <li><a href="#" ><span>Link 3</span></a></li>
    <li><a href="#" ><span>Link 4</span></a></li>
    <li><a href="#" ><span>Link 5</span></a></li>
    <li><a href="#" ><span>Link 6</span></a></li>
    <li><a href="#" ><span>Link 7</span></a></li>

    Thay thế các dấu thăng (#) với trang của bạn Liên kết / URL và thay thế Link1, Link2, link3 vv với tiêu đề cho trang của bạn. Nếu bạn muốn thêm hoặc xóa một tab nào đó thì chỉ cần thêm hoặc xóa dòng này,

    <li> <a href="#"> <span> Liên kết n </ span> </ a> </ p>

    Cuối cùng  nhấn save và xem kết quả trên blog của mình.


    Dưới đây  là code của  30 mẫu menu ngang cho blog ( phần 2): 


    Tabs Menu #11:

    Tab Menu D
<style> #tabsD { float:left; width:100%; background:#FCF3F8; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #F4B7D6; } #tabsD ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsD li { display:inline; margin:0; padding:0; } #tabsD a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQGqBdm_p9CHx6OdK7Oe6pBXA7Hv5yVzJo3P0s7St768QrT3X-tAa_Xa27SD0jsIWc0vPWD_JZshWNMIMGmnmoBAWT_HRcszTr2NXYbkE9H5xw3j10szL67yomMB_su__f1sd2AwpTdrw/s1600/tableftD.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsD a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl7ubKF4YbmvZpDXnpMiNXo6X3WMlZdvhdCyXhtg8HMhC3GQATnOAvy8xRe22pBDcQ8Cey95vO6CCf29TlgtCZhrpUzxpvCMNul5WWqnkzFT71DMWv-IhiB3zFn8Zwz2W5AluczB5kog/s1600/tabrightD.png) no-repeat right top; padding:5px 15px 4px 6px; color:#C7377D; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsD a span {float:none;} /* End IE5-Mac hack */ #tabsD a:hover span { color:#C7377D; } #tabsD a:hover { background-position:0% -42px; } #tabsD a:hover span { background-position:100% -42px; } </style> <div id="tabsD"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #12:

Tab Menu 12

<style> #tabs12 img { border: none; } #tabs12 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs12 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs12 li { display:inline; margin:0; padding:0; } #tabs12 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7RJKIW9VuSA6KzksbmSMqHUt2F_40SZ79VOkqP2d6f6JWdoNSDPn3nreB2R7jBb8IHlJNs9jWAiZqftyTxiD9aV3AiWR51JKam5gMLkAUO4Xc0_USU_scaDHX6-MyaYDza6zUl573gys/s1600/tableft12.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs12 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPr_-wxmGkGJyjvXUz3Y9JqKfcbKPma5yjFMsfX-lgk9_U08Y0NmQHStZeSP8CKY1wA26CeaVlMl1OvfCIItMwkE1JgCdFC4z0jWBZOGsp0f67bSeV5auNh_2oET1grm6kzDF8v_nnzVM/s1600/tabright12.png) no-repeat right top; padding:5px 15px 4px 6px; color:#E4D6CD; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs12 a span {float:none;} /* End IE5-Mac hack */ #tabs12 a:hover span { color:#FFF; } #tabs12 a:hover { background-position:0% -42px; } #tabs12 a:hover span { background-position:100% -42px; } #tabs12 #current a { background-position:0% -42px; } #tabs12 #current a span { background-position:100% -42px; } </style> <div id="tabs12"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #13:

Tab Menu 11


<style> #tabs11 img { border: none; } #tabs11 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs11 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs11 li { display:inline; margin:0; padding:0; } #tabs11 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBD0fImisNUe3X3lxlZnV2GdjxjyrY3wUgXglgEsnAvXagrleCP4d5F72MZ0UTFALRW34fySTMHxPAHUF1R4L82rGbqCdKknIq3zbvXOfwX0FJVvpqgyxX4AV3k1N9-F7dy07ajR9l0iA/s1600/tableft11.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs11 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKFfEtH3UXHT-EbSrsZkCfpkO83-EjRG073Nb8dxkFc8UvnfuVglUFqs5cor02dCvZfK2Ck2MYW0i8qSiz2IBQqD2Wq9bxf1fgunohrEPVtLddceVra0KYI6zb2yYCnik9WYE3eQYIr4/s1600/tabright11.png) no-repeat right top; padding:5px 15px 4px 6px; color:#9F9584; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs11 a span {float:none;} /* End IE5-Mac hack */ #tabs11 a:hover span { color:#FFF; } #tabs11 a:hover { background-position:0% -42px; } #tabs11 a:hover span { background-position:100% -42px; } #tabs11 #current a { background-position:0% -42px; } #tabs11 #current a span { background-position:100% -42px; } </style> <div id="tabs11"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #14:

Tab Menu 10


<style> #tabs10 img { border: none; } #tabs10 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #2763A5; line-height:normal; } #tabs10 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs10 li { display:inline; margin:0; padding:0; } #tabs10 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjq9LM94TV3zHh4pDvSX4bT5TIeAjPQmXhKa70nQZSNnw2d_yILYPH3Dj2OYl_w4dcwRP-MO8Ht_ztgRrZEgTSG8BGo6CaS7lSJKwi03TcC-R6dnYRsPwfX5F3ui4lQ162oqfQxLDypo/s1600/tableft10.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs10 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbNz1CrRPyBjGEBZab0A5cBY8qYamaanbQ96hM3dsq-x_AlgL38LYl-DJUEczBi3cGTFaeDKq00r7UNDzUX0d9pKI7RbNcw3gEtUX7vNW6-cid7_ttGHuaNFz_C3VVgYgbWaBKZnQATqM/s1600/tabright10.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs10 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs10 a:hover { background-position:0% -42px; } #tabs10 a:hover span { background-position:100% -42px; } #tabs10 #current a { background-position:0% -42px; } #tabs10 #current a span { background-position:100% -42px; } </style> <div id="tabs10"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #15:

Tab Menu 9


<style> #tabs9 img { border: none; } #tabs9 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #F45551; line-height:normal; } #tabs9 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs9 li { display:inline; margin:0; padding:0; } #tabs9 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXxpEX6AR2PSBsTMDkrCFM1wod4tx_WmPEAHiAHJDo-yGds_TOifNKW8JP_Eh1NZPbz9hFUuFAiV8cu4UsmSedye7mf1leS3U5ud2Gd-NK0UFguGVIGIulYWUx2e_AC_u1HGAZaWzsCgo/s1600/tableft9.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs9 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfKFsgyp16dtG0HuA1NmAnDbT5sv5-8fA-T_7M-Dcq80fw04UDqkzn098G66fnjKhwX-iZN3Vva0o4U-50gL2GSdmwmpNUHiOVlYhtQk34suXY1c3fGX5C-QCRxgVEGjuST5poLux2l5w/s1600/tabright9.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs9 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs9 a:hover { background-position:0% -42px; } #tabs9 a:hover span { background-position:100% -42px; } #tabs9 #current a { background-position:0% -42px; } #tabs9 #current a span { background-position:100% -42px; } </style> <div id="tabs9"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #16:

Tab Menu 6


<style> #tabs6 img { border: none; } #tabs6 { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabs6 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs6 li { display:inline; margin:0; padding:0; } #tabs6 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCp78M8A5xSv3f1LMAzCOKqrBTowU_rfejBus32OAMNjlFObBAYMLQh4F9qBDiw9bLD0rtngUrhxpJS6pRczB5KSLRrIQBGEajjLHf47Vg4V1C5hBHlk46paBm5gaPrqw3B_jCjGLLfWs/s1600/tableft6.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs6 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU2tktsB-hv3a69aTTdkWHJzcGAnSnD96pk9HmJRbz-k0yApshyphenhyphenOOg6C26ekVgra2gu3gWBficeiyojPTSdAOYc3yeFl5FfLheyTlZmmYUHAjy_dtK4ENXT5VKB8O61JeU1AjMEZ7O-KY/s1600/tabright6.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; } #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { background-position:100% -42px; } #tabs6 #current a { background-position:0% -42px; } #tabs6 #current a span { background-position:100% -42px; } </style> <div id="tabs6"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #17:

Tab Menu 8


<style> #tabs8 img { border: none; } #tabs8 { float:left; width:100%; background:#FCF1F6; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #E276A7; } #tabs8 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs8 li { display:inline; margin:0; padding:0; } #tabs8 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKxLJFrBjMiGFBB8_JRvZSvFOLe-wTOuTu5wBFiPc9ClMpiUx6cN25AxGXNY_-_4cX5fWtJQi097OYWaOno1YgNGPrs_q_FcaMTdGAlme0iIgeRQhkMkzXLgJJWNm6yRVlmNYrw4rvJM/s1600/tableft8.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs8 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoisA_0tOuvp_rLtEcBt31JVGymKmLdLGBa0tqFrRzcQP6cKNE4YNUUfJqWVw_nly2TEtzFRR50rYl38KP0ZBOgKYxgnv0NjaVm_y_5b4uRIAs-irtpCovFw2hQLBcpokTxJXkcuuuBw/s1600/tabright8.png) no-repeat right top; padding:5px 15px 4px 6px; color:#333; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { color:#591333; } #tabs8 a:hover { background-position:0% -42px; } #tabs8 a:hover span { background-position:100% -42px; } #tabs8 #current a { background-position:0% -42px; } #tabs8 #current a span { background-position:100% -42px; } </style> <div id="tabs8"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #18:

Tab Menu 7


<style> #tabs7 img { border: none; } #tabs7 { float:left; width:100%; background:#D4DAE7; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #333B66; } #tabs7 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs7 li { display:inline; margin:0; padding:0; } #tabs7 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3C2iR1xzWGDB0CkPCGVugCJrHO5fQALz8XV0vcVyko9ylKaIf33AyHBBm3PexW7J5fYW6KqZsggq4Tp1hTC-YWfQoIAhyphenhyphenq8AZ33UH066HC0HQJ8KDvQwTGV_pcB1ycmd9cP3qYC5C3N4/s1600/tableft7.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs7 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwVtgrDe6O43VxF5FFlvLzZmeGrTTNL3QtCLQ2Cq5WSyO34PoKKbcdvsRJQxPTTDDQ3nYAFH1JJzOOANAZa1aMB7-2dq7ngZN3q6Fy0hDxDX18GQTlCo0w-F4n246l36z32Jfwh5oOtY/s1600/tabright7.png) no-repeat right top; padding:5px 15px 4px 6px; color:#999; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs7 a span {float:none;} /* End IE5-Mac hack */ #tabs7 a:hover span { color:#ECB546; } #tabs7 a:hover { background-position:0% -42px; } #tabs7 a:hover span { background-position:100% -42px; } #tabs7 #current a { background-position:0% -42px; } #tabs7 #current a span { background-position:100% -42px; } </style> <div id="tabs7"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #19:

Tab Menu K


<style> #tabsK { float:left; width:100%; background:#E7E5E2; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #54545C; } #tabsK ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsK li { display:inline; margin:0; padding:0; } #tabsK a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS2Frt_XwQiMNRT8lnDSkMMQ_3LYLuSx41Riu4h2pYrfSAQV37sK-auh1IUNdCQIAVd4JETnpFqqJy4XL1g15xWkHFcQUl1-12Qt0LSliHrp09dlcXJ7j1XwjEKMwyGqZbrP-MPXSyBCg/s1600/tableftK.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsK a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHPjCzhrGX8ap6q2m3P_iZt9nRLb-7tH8MKSnoT3dva8M4rot1h163Sdun1xm1-IZ1dMEONlW2iAuJKra6E36tXqFMLb2vlwQ7IQGXcvWKi8BrOEdJIbgab3wOIR4eXPryiQu0z0DQpc/s1600/tabrightK.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsK a span {float:none;} /* End IE5-Mac hack */ #tabsK a:hover span { color:#FFF; background-position:100% -42px; } #tabsK a:hover { background-position:0% -42px; } #tabsK a:hover span { background-position:100% -42px; } </style> <div id="tabsK"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

Tabs Menu #20:

Tab Menu 4


<style> #tabs4 img { border: none; } #tabs4 { float:left; width:100%; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6B78A9; } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2QtNGeKsPJebGTdB2zlF49YNGZghw7jdQQWw54z4K4ut_-aFfaLlQLVaF9YwA1UkRuVTp-otmyae2_ZOAKUdauc_eXx0YVvAkJeJ_X4npC1nvGtLKS6_vAFhE6pYYNMGwGQ0um8E8l7U/s1600/tableft4.gif) no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #tabs4 a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Chvyj0YE7pXajf6bNXrd66mPQLyhbjjXz6EH1iDJvdPnddRBx4e6zdeKgGnTFJ9D0TNeLIX0wTzxi9l7vIg1VunA40r9FzxyU84oxNYc4ohX8PCmPjpknCzkT5XmeK2cGQyuv-mEDzc/s1600/tabright4.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span {float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { color:#6B78A9; } #tabs4 a:hover { background-position:0% -42px; } #tabs4 a:hover span { background-position:100% -42px; } #tabs4 #current a { background-position:0% -42px; } #tabs4 #current a span { background-position:100% -42px; } </style> <div id="tabs4"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Xem thêm:

30 mẫu menu ngang cho blogger với CSS và HTML Codes ( phần 1)

30 mẫu menu ngang cho blogger với CSS và HTML Codes ( phần 3)

                                     
                                                                        Nguồn tham khảo : bdlab.blogspot.com




Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva