Tạo quảng cáo xuất hiện ở góc trái, phải màn hình

Hôm nay, Vinll xin chia sẻ với các bạn một thủ thuật blogspot chèn quảng cáo ở góc trái và phải màn hình.

1/ Tạo quảng cáo xuất hiện ở góc trái màn hình

Bước 1: Vào Bố cục (Layout) -> Thêm tiện ích (add widget) HTML/Javascrip.

Lưu ý: Bạn có thể chèn code trên vào bất kỳ vị trí nào, tốt nhất là chèn ở dưới footer.

Bước 2: Copy đoạn code bên dưới và chèn vào widget HTML/Javascrip vừa tạo

HTML
<script type="text/javascript">
function hide_float_left() {
var content = document.getElementById('float_content_left');
var hide = document.getElementById('hide_float_left');
if (content.style.display == "none") {
content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>';

}
else {

content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_left {border: 1px solid #01AEF0;}
#hide_float_left {text-align:left; font-size: 11px;}
#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="left: 0px" >
<div id="hide_float_left">
<a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a></div>
<div id="float_content_left">
<!-- Start Ads -->
<a href="http://truyentiti.blogspot.com/" taget="_blank" ><img src="http://1.bp.blogspot.com/-RHH3mA96jSE/VhlbMJHSaQI/AAAAAAAAAU4/XEZ3ZfJkcYE/s1600/truyen-hay.gif" width="250" height="200" /></a>
<!-- End Ads -->
</div>
</div>

2/ Tạo quảng cáo xuất hiện ở góc phải màn hình

Bước 1: Vào Bố cục (Layout) -> Thêm tiện ích (add widget) HTML/Javascrip.

Lưu ý: Bạn có thể chèn code trên vào bất kỳ vị trí nào, tốt nhất là chèn ở dưới footer.

Bước 2: Copy đoạn code bên dưới và chèn vào widget HTML/Javascrip vừa tạo

HTML
<script type="text/javascript">
function hide_float_right() {
var content = document.getElementById('float_content_right');
var hide = document.getElementById('hide_float_right');
if (content.style.display == "none") {
content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>';

}
else {

content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div>
<div id="float_content_right">
<!-- Start Ads -->
<a href="http://truyentiti.blogspot.com/" taget="_blank" ><img src="http://1.bp.blogspot.com/-RHH3mA96jSE/VhlbMJHSaQI/AAAAAAAAAU4/XEZ3ZfJkcYE/s1600/truyen-hay.gif" width="250" height="200" /></a>
<!-- End Ads -->
</div>
</div>

Tùy chỉnh code:

• Thay thế nội dung màu đỏ bằng code quảng cáo của bạn vào giữa dòng <!-- Start Ads --> <!-- End Ads -->. Kích thước quảng cáo tốt nhất là 300x250 nhé các bạn!
• #01AEF0: Màu đường viền khung quảng cáo
• background: #01AEF0: Màu nền nút tắt/xem quảng cáo
• color: #FFF: Màu chữ nút tắt/xem quảng cáo

Chúc các bạn thành công với thủ thuật tạo quảng cáo ở góc trái và phải màn hình mà Vinll đã chia sẻ ở trên nhé!