Hôm nay Thủ thuật blog Violet post tặng các bạn code rất hay cho blog Violet

Demo http://bloggiaovienthaibinh.110mb.com/menutb/index.html

Code

               
       
          <link rel="stylesheet" href="http://bloggiaovienthaibinh.110mb.com/menutb/menu.css" type="text/css" />  <script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/menutb/jquery.js"></script>  <script type="text/javascript" src="http://bloggiaovienthaibinh.110mb.com/menutb/stack.js"></script>
<div id="laskarstack" class="laskarstack" style="position: fixed; bottom: 28px; right: 40px; ">
        <img style="padding-top: 35px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/stack.png" alt="stack">

        <ul style="top: -50px; left: 10px; margin: 0;" id="stack">
                    <li style="top: 55px; left: -10px; padding:0;background: none; border: none;">
                <a href="http://caobang83.violet.vn" target="_blank" style="padding: 0; border: none; background: none;" ><span style="margin-right: 0px; color: #FFF">Đoàn-Hội</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/aperture.png" alt="popupmenu"></a>
            </li>
                       
                        <li style="top: 55px; left: -10px;padding:0;background: none; border: none;">
                <a href="http://caobang83.violet.vn" target="_blank"  style="padding: 0; border: none; background: none;" ><span style="margin-right: 0px; color: #FFF">Thành-viên</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/thanhvien.png" alt="popupmenu"></a>
            </li>
                       
                        <li style="top: 55px; left: -10px;padding:0;background: none; border: none;">

                <a href="http://caobang83.violet.vn" target="_blank"  style="padding: 0; border: none; background: none;" ><span style="margin-right: 0px; color: #FFF">Thao-giảng</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/lichthaogiang.png" alt="popupmenu"></a>
            </li>
                       
                        <li style="top: 55px; left: -10px;padding:0;background: none; border: none;">
                <a href="http://caobang83.violet.vn" target="_blank"  style="padding: 0; border: none; background: none;" ><span style="margin-right: 0px; color: #FFF">Hình-ảnh</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/hinhanh.png" alt="popupmenu"></a>
            </li>
                       
                        <li style="top: 55px; left: -10px;padding:0;background: none; border: none;">
                <a href="http://caobang83.violet.vn" target="_blank" style="padding: 0; border: none; background: none;"  ><span style="margin-right: 0px; color: #FFF">Nghe-nhạc</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/nghenhac.png" alt="popupmenu"></a>

            </li>
                       
                        <li style="top: 55px; left: -10px;padding:0; background: none; border: none;">
                <a href="http://caobang83.violet.vn" target="_blank"  style="padding: 0; border: none; background: none;" ><span style="margin-right: 0px; color: #FFF">Trang-chủ</span><img style="width: 79px; display: inline; margin-left: 0px;" src="http://bloggiaovienthaibinh.110mb.com/menutb/home.png" alt="popupmenu"></a>
            </li>
                       
</ul>
</div>

       
 

Hướng dẫn

Các bạn có thể thay link : VD : http://caobang83.violet.vn

Thay link ảnh và nội dung menu cho phù hợp

Cho code vào thêm khối chức năng nhé hoặc thêm khối chính cũng đc

Chúc các bạn vui vẻ

Thủ thuật blog Violet