Cách chèn code popup quảng cáo cho Website, Blog được các bạn đặt ở góc phải và góc trái rất dễ gây sự chú ý đối với người truy cập. Hôm nay mình xin chia sẽ cách chèn code popup quảng cáo cho Website, Blog đơn giản ai cũng có thể thực hiện được.
Dưới đây là code popup quảng cáo dành cho Blogspot
<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; background-color: #FFFFFF;}
#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”>
<!– Khu vực đặt quảng cáo –>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=644698888927107&version=v2.0″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class=”fb-like-box” data-href=”https://www.facebook.com/pages/Chia-s%E1%BA%BB-th%E1%BB%A7-thu%E1%BA%ADt-It/432540590208751″ data-width=”250″ data-height=”200″ data-colorscheme=”light” data-show-faces=”true” data-header=”false” data-stream=”false” data-show-border=”false”> </div>
<!– Kết thúc End quang cao –>
</div>
</div>
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; background-color: #FFFFFF;}
#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”>
<!– Khu vực đặt quảng cáo –>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=644698888927107&version=v2.0″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class=”fb-like-box” data-href=”https://www.facebook.com/pages/Chia-s%E1%BA%BB-th%E1%BB%A7-thu%E1%BA%ADt-It/432540590208751″ data-width=”250″ data-height=”200″ data-colorscheme=”light” data-show-faces=”true” data-header=”false” data-stream=”false” data-show-border=”false”> </div>
<!– Kết thúc End quang cao –>
</div>
</div>
Ở trên mình áp dụng đưa quảng cáo là facebook chia sẻ thủ thuật vào Blog. Để có thể đưa banner quảng cáo bạn chỉ cần thay đoạn code sau đây:
<a href=”Link Website đến” taget=”_blank” ><img src=”Link hình ảnh quảng cáo” width=”250″ height=”200″></a>
Lưu ý :
Đối với Blogger: Bạn thêm bằng 2 cách: Dán code trên vào 1 tiện ích HTML / Javascript (Bố cục -> Thêm tiện ích -> HTML/Javascript). Cách 2 là làm như trên nền Website khác, dán code trên trước thẻ </body>
Đối với Website khác: Như WordPress, Joomla…thì bạn có thể thêm bằng cách thêm tiện ích hoặc dán vào trước thẻ đóng </body> của Website.