
Blogger
Đây là một giải pháp tốt dùng để thay cho các Pop-up Ads thông thường. Không như pop-up (quảng cáo tự nhảy ra, tạo 1 cửa sổ mới), ở đây pop-under chỉ trượt kèm theo trỏ chuột, và người đọc hoàn toàn có thể tắt nó một cách dễ dàng. Nếu bạn muốn tạo Pop-under ads, hãy thực hiện các bước dưới đây.
- Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
- Tìm thẻ ]]></b:skin> trong template, và replace nó bằng đoạn code sau:
#popad{Lưu ý : Đoạn CSS từ ]]></b:skin> trở lên trên cần phải hiệu chỉnh, mình sẽ hướng dẫn ở dưới.
padding:5px;
border:1px solid #999;
background:#eee;
width:X px;
}
#popad_footage{
width:X px;
height:Y px;
background:url(Link hình ads) top left no-repeat;
}
#popad_footage a{
display:block;
width:X px;
height:Y px;
text-indent:-600px;
overflow:hidden;
}
#popad.dynamic #popad_footage{
width:X px;
height:Y+Z px;
background:url(Link hình ads có kèm nút Close) top left no-repeat;
}
#popad.dynamic #popad_footage a#popad_close{
color:#ddd;
height:Z px;
}
#popad.dynamic{
position:absolute;
top:3em;
right:15%;
}
html>body #popad.dynamic{
position:fixed;
}
]]></b:skin>
<script src='http://boyprodx.110mb.com/BlogTools/popundermagic.js' type='text/javascript'/>
- Save lại template và chuyển sang tab Page Elements.
- Tạo 1 phần tử HTML với nội dung :
<div id="popad"><div id="popad_footage">
<a href="Link liên kết"></a>
</div></div> - Save lại phần tử và kiểm tra kết quả.
Hiệu chỉnh bước 2
Các giá trị :- X : Chiều rộng ads.
- Y : Chiều cao ads.
- Z : Độ dài khoảng cách từ nút Close tới ads.
Giá trị
Bật chế độ xem Title
- #popad.dynamic{position:absolute;top:3em;right:15%;} : Ads sẽ cách phía trên 3em và bên phải 15% chiều rộng trình duyệt.
Kết quả
Xem Screenshot bên dưới hoặc Demo tại đây (View Source để hiểu thêm về đoạn code).
Hy vọng thủ thuật tạo Pop-Under Ads sẽ hữu ích đối với bạn. Chúc vui !
0 nhận xét:
Đăng nhận xét
♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment as là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.
♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.
♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.