Code tạo một box nằm bên góc phải

Trang chủ » Thủ thuật Blogger » Bạn đang xem:

Code tạo một box nằm bên góc phải

Bạn đăng nhập vào blog trong phần chỉnh sửa mẫu, bạn đặt đoạn code bên dưới vào trước thẻ </head>
Xem demo

  <style type="text/css">
    /* IE7 fix */
    div #emot_list table {
    overflow:scroll;
    position:static;
    }
    .category {
    z-index:2;
    position:relative;
    }
    .floatbox {
    position:fixed;
    margin:0;
    z-index:3;
    }
    .ghost-floatbox {
    filter:alpha(opacity='50');
    opacity:.5;
    }
    .ghost-floatbox:hover {
    filter:alpha(opacity='100');
    opacity:1;
    }
    .hideme-floatbox {
    z-index:1;
    }
    .hideme-floatbox:hover {
    z-index:3;
    }
    </style>

 Tiếp đến bạn Tạo 1 widget HTML/javascript đặt code bên dưới vào: <!-- Floatbox by Fission (o1666055006@gmail.com) -->
   <!-- Floatbox by Fission (o1666055006@gmail.com) -->
    <div class='category floatbox' style='     width:200px;     left:10px;     bottom:10px;     right:auto;     top:auto;     margin:0;'>
    <table class='cat_head'><tr><td>
    <h2>Xem tin tức mới</h2>
    </td></tr></table>
    <table cellpadding='0' cellspacing='0' style='height:100px;overflow:hidden;'>
    <tr>
    <td style='vertical-align:top;'>
<script type='text/javascript'>
 epi_id = &#39;epi-widget-container&#39;; epi_width = 
&#39;200px&#39;; epi_height = &#39;300px&#39;; epi_border = 1; 
</script>  <script src='http://www.baomoi.com/Widget/JS/Widget.js' type='text/javascript'>
</script>  <script src='http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&amp;count=35&amp;ntype=mostrecent&amp;dtype=2&amp;target=0' type='text/javascript'>
</script>  
</td>
    </tr>
    </table>
    </div> 
Chúc bạn thành công