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

(Traidatmui.com) – Hôm nay mình xin chia sẽ cùng với các bạn một thủ thuật khá là 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 nhat ở 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

Xem khác cùng chủ đề

2 nhận xét | Viết lời bình

Nặc danh
1/08/2011 07:02:00 SA Trả lời

chào bạn admin ! cái này cần fix lại kg /vì moi lần load trang lại xuất hiện /rất bất tiện /có thể thêm code về ghi nhớ cooki của khách đó /chờ tin bạn nhé


KAKAJI

Admin
1/08/2011 07:45:00 SA Trả lời

Bạn chỉ việc cho tiện ích ở bước 5 hiển thị ở một trang nhất định là được, bạn tham khảo tại đây. Thân!

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 »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang