Share code Menu chân trang Css siêu gọn nhẹ cho Blogspot

 <!--Chen menu cuoi trang-->
<style type='text/css'>  
body{padding: 3em; } #menu * { padding:0; margin: 0; font: 12px arial; list-style-type:none;} #menu { margin-top: 0px; float: left; line-height: 10px; left: 200px;} #menu a { display: block; text-decoration: none; color: #F7EFEF;} #menu a:hover { background: #B0BD97;} #menu ul li ul li a:hover { background: #B7B9B5; padding-left:9px; border-left: solid 1px #000;} #menu ul li ul li { width: 100px; border: none; color: #B0BD97; padding-top: 3px; padding-bottom:3px; padding-left: 3px; padding-right: 3px; background: #333;} #menu ul li ul li a { font: 11px arial; font-weight:normal; font-variant: small-caps; padding-top:3px; padding-bottom:3px;} #menu ul li { float: left; width: 100px; font-weight: bold; border-top: solid 1px #283923; border-bottom: solid 1px #283923; background: #333;} #menu ul li a { font-weight: bold; padding: 5px 10px;} #menu li{ position:relative; float:left;} #menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{ display:none; list-style-type:none; width: 140px;} #menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { display:block;} #menu:hover ul li:hover ul li:hover ul { position: absolute; margin-left: 60px; margin-top: -22px; font: 10px;} #menu:hover ul li:hover ul { position: absolute; margin-top: 1px; font: 10px; bottom:10%; }
</style>
<div id='menu' style='position: fixed; width: 100%; height: 25px; z-index: 0; left: 0pt; bottom: 0pt; border-top: 1px solid rgb(192, 192, 192); ; padding: 2px 70px; background-color: rgb(243, 243, 243); font-family: tahoma; font-size: 10pt; font-weight: normal;'>
<ul>
<li><center><a href='/'>Trang chủ</a></center>

<!--
<ul> <li><a href='http://ntwood.vn'>Ntwood.vn</a></li>
                  <li><a href='http://gỗcaosuxẻsấy.vn'>gỗcaosuxẻsấy.vn</a></li> </ul>-->
</li>

<li><center><a href='#'>Blogspot</a></center>
 <ul> <li><a href='http://adf.ly/1N06ok'>Terocket</a></li>
<li><a href='http://adf.ly/1N06tX'>Blog vnchampion</a></li>
<li><a href='http://adf.ly/1N075i'>khoinghiepinternet</a></li>
<li><a href='http://adf.ly/1N1UP8'>fandung</a></li>
 </ul>
 </li>

<li><center><a href='#'>Báo điện tử</a></center>
 <ul>
<li><a href='http://adf.ly/1N05yv'>VnExpress</a></li>
<li><a href='http://adf.ly/1N066d'>Thanh Niên</a></li>
<li><a href='http://adf.ly/1N0693'>VietNamNet</a></li>
<li><a href='http://adf.ly/1N06DU'>Tuổi Trẻ</a></li>
<li><a href='http://adf.ly/1N06GK'>Ngôi Sao</a></li>
<li><a href='http://adf.ly/1N06JV'>Việt Báo</a></li>
 </ul>
 </li>

<li><center><a href='#'>Kiếm tiền online (MMO)</a></center>
 <ul>
<li><a href='http://adf.ly/?id=10957701'>Aff.ly (Rút gọn link)</a></li>
<li><a href='http://adf.ly/1N0A6e'>oni.vn (Rút gọn link)</a></li>
<li><a href='http://adf.ly/1N0Ao8'>8share.vn (Chia sẻ thông tin) </a></li>
<li><a href='http://adf.ly/1N0C1A'>Tải ứng dụng</a></li>
<li><a href='http://adf.ly/1N0E0o'>pub.adflex.vn (Link Game)</a></li>
<li><a href='http://adf.ly/1N0EVW'>bidvertiser.com</a></li>
<li><a href='http://adf.ly/1N0evv'>ClickBank</a></li>
 </ul>
 </li>


<li><center><a href='/'>Tao gian hàng trực tuyến</a></center>
 <ul>
<li><a href='http://adf.ly/1N0HpQ'>ecwid</a></li>
<li><a href='http://adf.ly/1N0Hvu'>sqeeqee</a></li>
<li><a href='http://adf.ly/1N0I32'>kingeshop</a></li>
<li><a href='http://adf.ly/1N0I7a'>haravan</a></li>
<li><a href='http://adf.ly/1N0IB1'>sendo</a></li>
<li><a href='http://adf.ly/1N0IDm'>shopee</a></li>
<li><a href='http://adf.ly/1N0IGw'>coo</a></li>
<li><a href='http://adf.ly/1N0IJj'>chutin</a></li>
<li><a href='http://adf.ly/1N0IMZ'>facenshop</a></li>
<li><a href='http://adf.ly/1N0IPu'>hisella</a></li>
 </ul>
 </li>


</ul> </div>
<!--Ket thuc chen menu cuoi trang-->

Lưu ý Code mẫu chèn trên bài viết này đã chỉnh lại code html thay đổi thông số vị trí tô màu đỏ như sau  :

<div id='menu' style='position: fixed; width: 100%; height: 25px; z-index: 0; left: 10px; bottom: 110px; border-top: 1px solid rgb(192, 192, 192); ; padding: 2px 70px; background-color: rgb(243, 243, 243); font-family: tahoma; font-size: 10pt; font-weight: normal;'> 

Do Template median Ui ở điện thoại có chiều cao che mất menu mẫu nên đôn chiều cao lên 1 tí cho phù hợp, các bạn " chèn đúng thông số trên nhé " riêng các template có menu chân trang rồi thì không nên chèn vào nữa. 
Code menu chân trang này chỉ sử dụng Css nên rất gọn nhẹ...
 

Tui Bán Thớt Gỗ, Thích Đu #Trend effecthouse.tiktok & Làm Video #aiStyle, Phong Cách AI To AI
Sponsor : goghepthanh.com Tiktok : @bloggiabao Youtube : @ChannelVideoAI

Mua điện thoại thông minh, trải nghiệm viết content ChatGPT, làm video Ai xuất bản lên Youtube, Tiktok bạn chọn Smartphone model, hãng nào ?

Với nhà sáng tạo vì đam mê, nhà không có gì ngoài tiền, miễn bàn, thích mẫu nào, mua mẫu đó.

- Flagship, đẳng cấp, công nghệ bảo mật : Click để xem
- Flagship, công nghệ mới nhất : Click để xem
- Flagship, thời trang : Click để xem

Dành cho anh em đi đường giữa :

- Samsung Click để xem
- Vivo Click để xem
- Xiaomi Click để xem

Dành cho anh em đi đường dưới :

- Điện Thoại POCO M4 Pro Click để xem
- Điện Thoại TECNO POVA 3 Click để xem

🦊 Smartphone Chơi Game Online, Cực Ngon,... Giá Rẻ. 🦊

Smarphone chơi game giá rẻ