Cách tạo menu cho blogspot bằng HTML và CSS
Bạn đăng nhập vào blogspot
bạn vào Edit HTML Rồi copy đoạn code này vào trước ]]></b:skin>
#navcontainer { background: #0465d1; width: 100%; margin: 0 auto; padding:0em 0; font-family: Arial;color: #ffff; font-size: 13px; text-align: center; }
ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%;}
ul#navlist li { display: block; margin: 0; padding: 0; }
ul#navlist li a { display: block; width: 100%; padding: 10px 0 10px 10px; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #ffffff; text-decoration: none; background: #028220; } #navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a { background: #f0e7d7; color: #ffff; }
ul#navlist li a:hover, ul#navlist li#active a:hover { color: #ffffff; background: #2c7f0c; border-color: #aaab9c #fff #fff #ccc; }
Bạn vào mục Layout -> Add a Gadget
Copy đoạn code:
<div id="navcontainer"> <ul id="navlist">
<li><a href="http://www.cach tao menu cho blogspot.html">Bạn vào mục Layout -> Cách tạo menu cho blogspot bằng HTML và CSSL</a></li>
<li><a href="http://www.cach tao menu cho blogspot.html"> Bạn vào mục Layout ->Cách tạo menu cho blogspot bằng HTML và CSS</a></li>
<li><a href="http://www.cach tao menu cho blogspot.html"> Bạn vào mục Layout -> Cách tạo menu cho blogspot bằng HTML và CSS </a></li>
<li><a href="http://www.cach tao menu cho blogspot.html"> Bạn vào mục Layout -> Cách tạo menu cho blogspot bằng HTML và CSS </a></li>
</ul> </div>
Không có nhận xét nào:
Đăng nhận xét