TẠO THANH MENU NGANG CHO BLOG

BẤT KÌ TRANG WEBSITE HAY BLOG NÀO CŨNG CẦN CÓ THANH MENU ĐỂ TIỆN THAO TÁC QUẢN LÝ NỘI DUNG THUẬN TIỆN, VÀ THANH MENU CÓ DẠNG VÍ DỤ   NHƯ SAU:

THANH MENU CƠ BẢN GỒM: TRANG CHỦ, ....VV... CÁC LOẠI SẢN PHẨM , DỊCH VỤ CỦA BẠN, LIÊN HỆ, HOTLINE...

COPY VÀ DÁN ĐOẠN CODE JAVASCRIP DƯỚI VÀO  TUẦN TỰ NHƯ SAU NHÉ:
VÀO TRANG EDIT BLOGGER



TIẾP TỤC VÀO BỐ CỤC  MÀN HÌNH SẼ HIỆN RA NHƯ SAU:

CLICK VÀO  THÊM TIỆN ÍCH   >>>
TIẾP  THEO CLICK CHỌN DẤU CỘNG "+"  HTML/Javascrip SUẤT HIỆN  NHƯ SAU:

BƯỚC  CUỐI CÙNG DÁN ĐOẠN CODE BÊN DƯỚI BỎ VÀO Ô NỘI DUNG VÀ LƯU LẠI VÀ XEM THÀNH QUẢ ĐI NHÉ!
CHÚC CÁC BẠN THÀNH CÔNG!


<style>
 /*------ CSS3 Menu By MBT (www.mybloggertricks.com)---------*/
 #mbt-menu, {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    #mbt-menu {
    width: 1380px;
    margin: 10px auto;
    border: 0px solid #222;
    background-color: #E41B17;
    background-image: -moz-linear-gradient(#666, #FAF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#FAF));
    background-image: -webkit-linear-gradient(#666, #FAF);
    background-image: -o-linear-gradient(#666, #FAF);
    background-image: -ms-linear-gradient(#666, #FAF);
    background-image: linear-gradient(#666, #FAF);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
    }
    #mbt-menu {
    zoom:1;
    }
    #mbt-menu li {
    float: left;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
    }
    #mbt-menu a {
    float: left;
    padding: 12px 30px;
    color: #FFF;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #222;
    }
    #mbt-menu li:hover > a {
    color: #FC803D;
    }
    *html #mbt-menu li a:hover { /* IE6 only */
    color: #FC803D;
    }
    #mbt-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    }
    #mbt-menu ul a:hover {
    background-color: #FC803D;
    background-image: -moz-linear-gradient(#07CDEF, #0186ba);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#07CDEF), to(#0295DG));
    background-image: -webkit-linear-gradient(#07CDEF, #0295DG);
    background-image: -o-linear-gradient(#07CDEF, #0295DG);
    background-image: -ms-linear-gradient(#07CDEF, #0295DG);
    background-image: linear-gradient(#07CDEF, #0295DG);
    }
    </style>
    <ul id="mbt-menu">
    <li><a href="LINK BLOG">TRANG CHỦ</a></li>
<li><a href="http://bit.ly/2RXqTHn">THỦ  THUẬT BLOGGER CƠ
 BẢN  &  NÂNG CAO</a></li>
    <li><a href="https://tinhvaytien.blogspot.com/">VAY TIỀN,CẦM ĐỒ, BẢO HIỂM ONLINE</a></li>

<li><a href="https://www.facebook.com/Vay-Tiền-Chỉ-Cần-Chứng-Minh-Thư-103655461149083/">     FANPAGE VAY TIỀN,CẦM ĐỒ,BẢO HIỂM               </a></li>


<li><a href="https://tinhdienthoaicu.blogspot.com/">MUA BÁN TRAO ĐỔI ĐIỆN THOẠI CŨ</a></li>

<li><a href="https://tinhtiepthilienket.blogspot.com/"> SHARE KINH NGHIỆM LÀM AFFILIATE            </a></li>



              <li><a href="http://www.web2ngay@gmail.com/">>>>NƠI TIẾP NHẬN TÀI LIỆU, Ý KIẾN ĐÓNG GÓP </a></li>

    </ul>

No comments:

Post a Comment

Liên Hệ Chúng Tôi

Liên Hệ Chúng Tôi