Tin mới đăng:

Hiển thị cửa sổ trước blog khi load trang

Hôm nay mình xin chia sẻ cùng với các bạn một thủ thuật khá thú vị, đó là tạo ra một cửa sổ của 1 trang Web nào đó mà bạn muốn hiển thị khi load vào trang Blog của bạn. Cửa sổ này sẽ xuất hiện trước Blog bạn và bạn có thể ẩn nó đi vào một góc nò đó hoặc tắt nó đi. Công việc thực hiện thủ thuật này cũng không quá phức tạp, mình xin chia sẽ cùng các bạn.
1. Đầu tiên bạn hãy đăng nhập vào Blogger
2. Sau đó vào bố cục chọn Chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head>
<style>.dhtmlwindow{
position: absolute;
border: 2px solid #aba;
visibility: hidden;
background-color: white;
}
.drag-handle{
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background: #0000cc; /*màu của thanh trên của cửa sổ*/
color: white; /*màu text thanh trên*/
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{
width: 100%;
}
.drag-contentarea{
color:#fff;
height: 150px;
padding:0px;
overflow: auto;
}
.drag-statusarea{
border-top: 1px solid #ff6600; /*đường viền của thanh trạng thái cùng của cửa sổ*/
background: #000066; /*màu của thanh trạng thái cùng của cửa sổ*/
height: 13px;
}
.drag-resizearea{
float: right;
width: 13px;
height: 13px;
cursor: nw-resize;
font-size: 0;
} </style>
<script src='http://data-traidatmui.appspot.com/scripts/window_pupop.js' type='text/javascript'/>
Chỉnh sửa: Bạn hãy dựa vào các dòng text hướng dẫn màu xanh ở trên để tùy chỉnh lại cho phù hợp với blog của bạn.
4. Save lại và vào phần tử trang tạo 1 HTML/Javascript
5. Thêm code bên dưới vào HTML/Javascript ở trên
<script type="text/javascript">
var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://google.com", "Google Tìm Kiếm", "width=500px,height=300px,resize=1,scrolling=1,center=1", "recal")
</script>
- Bạn có thể thay đổi chiều cao và độ rộng của cửa sổ tùy ý (Dựa vào code màu xanh nhạt ở trên)
- Hãy thay địa chỉ của trang web (http://google.com) ở trên thành trang mà bạn muốn hiển thị cho cửa sổ đó.
- Dòng chữ màu xanh sẽ hiển thị ở thanh trên cùng, bạn có thể chỉnh sửa nó lại cho phù hợp.
                      Chúc bạn thành công
                                                                  Tham khảo từ dynamicdrive
Hiển thị cửa sổ trước blog khi load trang Hiển thị cửa sổ trước blog khi load trang
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật