Code Popup Tạo quảng cáo góc màn hình đẹp mắt cho Blog/Website
(Vietmkt360.com) - Cũng đã lâu rồi Vietmkt360 không viết về Thủ thuật Blogspot và cụ thể là tạo Widget Blogspot . Thời gian gần đây nhiều bạn hỏi mình cách tạo quảng cáo góc màn hình như thế nào mà làm cho tốc độ load trang nhanh nhất ! Hôm nay mình sẽ gửi đến các bạn thủ thuật Tạo quảng cáo góc màn hình . Code popup tạo quảng cáo này không dùng .JS nên không ảnh hưởng đến tốc độ load trang , rất hữu ích và đẹp mắt
Ảnh minh họa :
Cách thực hiện :
1. Đăng nhập Blogger
2. Thêm tiện ích
- Blogspot : Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào
- Website : Bạn thêm đoạn code sau lên trên thẻ đóng </body>
Ảnh minh họa :
Cách thực hiện :
1. Đăng nhập Blogger
2. Thêm tiện ích
- Blogspot : Chọn bố cục --> Thêm tiện ích HTML/JavaScrip và dán code bên dưới vào
- Website : Bạn thêm đoạn code sau lên trên thẻ đóng </body>
- Đối với quảng cáo góc phải màn hì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;}
#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 quang cao-->
<a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>
- Đối với quảng cáo góc phải màn hình cho Website
<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 quang cao-->
<a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>- Đối với quảng cáo góc trái màn hình cho Blogspot
<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 quang cao-->
<a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>- Đối với quảng cáo góc trái màn hình cho
<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 quang cao-->
<a href="http://www.vietmkt360.com/" taget="_blank" ><img src="http://bit.ly/1lsfs7f" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div> - Chú ý : Những đoạn mình đổi màu các bạn thay đổi cho phù hợp với Website/blog của mình . Các bạn có thể thay đổi bằng các đoạn mã code khác như : code quảng cáo của Google adsense , code tăng like...
Chúc các bạn thành công .
Share This:
Blog Tự Động Hóa 68
Tôi là Đại Thành. Tôi thích chia sẽ đam mê về Điện Tự Động Hóa, Điện Lạnh Và Internet....Bài viết có thể chưa thật sự hoàn hảo nhưng hy vọng sẽ giúp ích được cho các bạn. Cảm ơn đã ghé trang.
Mời bạn bình luận cho bài viết " Code Popup Tạo quảng cáo góc màn hình đẹp mắt cho Blog/Website "