Xin chào mọi người hôm nay thủ thuật lập trình blogspot sẽ giới thiệu cho bạn một cách tạo một popup trong blogspot để hiện thị nội dung cho người dùng biết hoặc có thể hiện thị quảng cáo trong popup để kiếm thêm thu nhập để duy trì website.
Thông thường hiển thị popup trong blogspot cần được thiết kế bởi những kỹ thuật nên phải dùng một số lượng code rất phức tạp, bởi những vấn đề như vậy tôi sẽ sử dụng chức năng đóng gói những đoạn chương trình gọn nhẹ để làm giảm lượng javaScript khá gọn nhẹ.
Bước 2. Chọn vào chủ đề.
Bước 3. Chọn chỉnh sửa HTML
Bước 4. Coppy đoạn mã bên dưới dán vào trước thể </head>
Bước 5. Coppy đoạn mã bên dưới vào sau thẻ <body>
Thông thường hiển thị popup trong blogspot cần được thiết kế bởi những kỹ thuật nên phải dùng một số lượng code rất phức tạp, bởi những vấn đề như vậy tôi sẽ sử dụng chức năng đóng gói những đoạn chương trình gọn nhẹ để làm giảm lượng javaScript khá gọn nhẹ.
Sử dụng popup trong blogspot để làm gì ?
Thường thì chúng ta sử dụng popup để hiện thị quảng cáo hoặc những thông điệp báo cho người dùng biếtCách thiệt lập popup trong blogspot.
Bước 1. Đăng nhập vào Blogger.Bước 2. Chọn vào chủ đề.
Bước 3. Chọn chỉnh sửa HTML
Bước 4. Coppy đoạn mã bên dưới dán vào trước thể </head>
<script type='text/javascript'>Bạn có thể thiết lập thời gian bằng cách thay đổi thời gian 6000 thành thời gian của bạn
function closeelement(){
div = document.getElementById("closeelement");div.style.display= "none";
}
setTimeout(closeelement, 60000);
</script>
Bước 5. Coppy đoạn mã bên dưới vào sau thẻ <body>
<div id='closeelement' style='border: 0 !important; background:Thế là đã hoàn tất việc thiết lập hiển thị popup trong blogger một cách nhanh chóng nhất.
transparent; left:15px;bottom:15px;position:fixed;width:
190px;z-index:9999'>
<a href='javascript:closeelement();'>
<img src='http://img405.imageshack.us/img405/1535/closeicon.png' style='float: right;border: 0' title='Đóng'/>
<img src='URL_hình ảnh' style='border: 0'/><br />
Nội dung khác // Nếu bạn chỉ sử dụng hình ảnh thì bỏ phần này
</a>
</div>
No comments:
Post a Comment