Tạo cửa sổ pop-up thông báo “Happy New Year…” cho Blogger

Trong mỗi dịp tết đến chắc hẳn không ít các bạn trong cộng đồng Blogger mong muốn Blog của mình có một câu thông báo chúc mừng năm mới mỗi khi người lướt web đánh địa chỉ blog của bạn trên thanh địa chỉ của công cụ trình duyệt.

Mình sẽ hướng dẫn bạn thực hiện điều này bằng cách sử dụng JavaScript.


Đăng nhập Blogger, vào chỉnh sửa Template. Đặt đoạn code dưới đây vào trước dòng <b:skin><![CDATA[/* rồi lưu Template là xong. Chú ý phần code JavaScript bên dưới phải nằm dưới các thẻ meta.

<script language='JavaScript'>
//<![CDATA[
var alertmessage="Happy New Year! \n Everything to your liking!"

//Alert only once per browser session (0=no, 1=yes)
var once_per_session=1

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function alertornot(){
if (get_cookie('alerted')==''){
loadalert()
document.cookie="alerted=yes"
}
}

function loadalert(){
alert(alertmessage)
}

if (once_per_session==0)
loadalert()
else
alertornot()

//]]>
</script>

Bạn có thể copy địa chỉ http://bloggertestland.blogspot.com/ rồi dán vào thanh địa chỉ trên công cụ trình duyệt để xem kết quả hiệu ứng này.

Lưu ý bạn có thể thay đổi nội dung thông báo tùy ý và thông báo chỉ xuất hiện khi mở địa chỉ trang chủ lần đầu tiên.