Chắc hẳn bạn đã gặp nhiều trường hợp khi truy cập vào một địa chỉ nào đó thì các quảng cáo tự hiện ra trên một hay hàng loạt trên các cửa sổ khác. Đây là dạng quảng cáo Pop-Up Ads, hình thức này gây khó chịu cho đa số các Blogger. Tuy nhiên, đôi khi bạn có nhu cầu đặt ads để quảng cáo một dịch vụ nào đó, vậy hãy dùng Pop-under Ads.
- VnBlognet [dot] com: Không như Pop-up Ads, hình thức Pop-under Ads 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.
Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML) - (không cần Mở rộng Mẫu tiện ích). .
- Tìm (Ctrl – F) thẻ ]]></b:skin> trong template, và thay thế nó bằng đoạn code sau:
#popad{
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'/>
- Lưu mẫu (Save) lại template
- Bạn vào Bố cục (Layout) >> Phần tử trang (Page Elements) và 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>
- Lưu (Save) lại phần tử và kiểm tra kết quả.
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.
(Hình minh họa: Giá trị XYZ)
Để biết được chính xác các giá trị này, đơn giản nhất hãy bật chế độ xem Title trong PC.
Bật chế độ xem Title
Thiết lập vị trí xuất hiện của ads trên Blog :
- #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ả như hình bên dưới hoặc Demo tại đây (Bạn có thể View Source để hiểu thêm về đoạn code).
Nguồn : Boyprodx Blog
Tags: Breakingnews, Khoi tao Blog, Layout, Widget
Ý kiến bạn đọc [ 21 ]
cái nây em ko thich cho lắm
Bác post bài dữ quá !
Cái này rất hay, và nó không hề làm khó chịu nguời dùng.
với ae mình thì ko thôi, e thấy với nhiều ng, dạng pop ads này họ click 1 phát rồi thấy đóng ngay :)) kiểu như sợ bị virus
Nói chung còn tùy vào quan điểm người dùng, trang hot thì họ vẫn vào bởi ... chấp nhận sống chung với lũ, còn các trang nhỏ lẻ, ít khách thì chắc là... chẳng có lần quay lại thứ 2 (he he).
Vừa rồi cho cái tiện ích đếm số lượt truy cập nó ra popup bị TỈnh "mắng" cho một trận phải bỏ ngay.
Ghét cái kiểu pop up lắm. Thà mà nó hiện ra một cái thông báo, mình muốn xem thì click tiếp ko thì bỏ qua rùi vô xem trang mình muốn xem.
(Cái này phổ biến với WP nhưng gần đây mình có thấy blogspot dùng được - xem thử: http://gisforghana.blogspot.com/2010/05/everything-but-ghana-top-global-travel.html)
không thấy có gì tunglam à. Hay họ gỡ bỏ nó rồi
Uhm.cũng được mà xem lại thì hơi làm đọc giả khó chịu chút
Thế pop-up ra một trang mới như của anh thì làm thế nào vậy?
Để từ từ anh tìm nhưng khuyên Kit là bỏ đi, đừng dùng không là mất hết khách đó, Tỉnh bên eblogviet cảnh báo anh cũng gỡ cái tiện ích có cái popup đó rồi.
Vâng, vậy em k chơi cái đó nữa.
Mà anh không có cái yêu cầu thủ thuật thì em yêu cầu ở đây luôn nha.
1. Anh có thể send cái code bài đăng gần đây có thumb của anh được không ạ?
2. Anh có code hiển thị những bài được xem nhiều nhất không? Có thumb thì tốt quá (không dùng widget có sẵn của một số trang cung cấp như feedjit.)
3. Code hiển thị bài viết liên quan có kèm thumb :D
Em còn mún hỏi anh nhìu nữa nhưng mà vậy đã không anh choáng k trả lời em được hì hì.
. Bài đăng gần đây có thum thì em vào bố cục chọn cái tiện ích bài đăng gần đây, có sẵn mà
Bài liên quan có thum thì em nên đọc kỹ danh sách các bài viết phần Khởi tạo Blog, no có tại http://www.vnblognet.com/2010/03/tao-bai-viet-lien-quan-cho-blogger-voi.html.
CÒn lại yêu cầu thứ 2 để một thời gian nữa nhé, hienej chỉ có bài đăng có commnent nhiều thôi.
Vâng để em nghiên cứu rùi cm lại với anh sau nha. ^^! thanks anh
Em thấy mấy cái ADS dạng pop-up rất khó chịu, đặc biệt là ghét, giống như có ai cầm cây chọc vào mắt mình vậy, có ai thèm quan tâm đến nó đâu cơ chứ. Em là em chào thua mấy site như vậy
Anh Chinhnd vừa bỏ cái code đếm view phải không ạ? Thả nào load comments nhanh hơn. Sao cái code đó nó load chậm thế anh nhỉ. Trước cũng dùng nhưng nó chậm quá em del luôn :D
Bỏ cái đấy là hợp lý vì nó chèn popup khó chịu cho người truy cập lắm. mình chèn vào cho vui để test thử thôi mà.
cai nay hay do
cám ơn Tùng shady đã ghé thăm và cho ý kiến, tuy .... hơi ngắn
cái khung quãng cáo này xấu lắm nhìn nó thô thô sao ấy bên nhímlongxanh có cái code quãng cáo góc dưới bên tay phãi nhìn đẹp hơn
Thanks nhieeuf nhes
anh ơi có thể giúp em ko? share dùm em code làm sao để hiển thị nội dung quảng cáo của adnet với hiệu ứng trượt 2 bên, giống như của anh hiện giờ vậy đó, rất mong dc anh giúp, cám ơn anh nhiều.
Ý kiến của bạn