Bài viết mới nhất:
Home » , » Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Bài Viết Bởi: SEO PRO | Thứ Ba, 18 tháng 3, 2014 | 09:43

Hướng dẫn thêm khung quảng cáo góc phải góc trái màn hình blogspot website. Sau đây mình sẽ hướng dẫn các bạn cách chèn khung quảng cáo góc phải góc trái màn hình blogspot web blogspot có thể tắt mở được


Code chèn khung quảng cáo góc phải màn hình :

Chú ý : Các bạn thay các mục sau cho hợp lý :

- http://www.idichvumarketing.com/ :  Link fanpage của bạn
- width=250 : Chiều rộng khung
- height=200 : Chiều cao khung
- Phần link ảnh tronng phần <img src="...." /> các bạn thay bằng link ảnh của các bạn nhé

1. Đối với Blogspot :

Bước 1:
Đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích ==>  HTML/Javascript sau đó dán mã CODE ở dưới vào :

<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.idichvumarketing.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOg_QeB45TqpFPlBp3D2TIPtaOPKkaaidC_elBEzmRQpSSbffKaEm6OCKiyHhlTHHVbSHZlDhTMLYyIKTzB1R5qByCNpz9fTUs13tr3Z-YvaDBUP8YD9slzr89HWkNJglStPZAezl91zY/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>

2. Đối với website :

Bạn thêm đoạn code sau lên trên thẻ đóng </body>

<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.idichvumarketing.com/" taget="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOg_QeB45TqpFPlBp3D2TIPtaOPKkaaidC_elBEzmRQpSSbffKaEm6OCKiyHhlTHHVbSHZlDhTMLYyIKTzB1R5qByCNpz9fTUs13tr3Z-YvaDBUP8YD9slzr89HWkNJglStPZAezl91zY/s1600/idc.gif" width="250" height="200"></a>
<!-- End quang cao -->
</div>
</div>
=====================================

Nếu các bạn gặp khó khăn gì comment phía dưới để mình hỗ trợ nhé !

LIKE & SHARE :
Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website
Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Bạn đang đọc bài viết :

Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website tại Marketing Online

Đừng quên nhấn LIKE Chia Sẻ để ủng hộ website của mình nhé!

Giải pháp bán hàng online Số 1 Việt Nam
 
Giấy phép ICP số: 100231235238259962931/Blogger-Google Plus
Địa chỉ: Tòa nhà Hanoi Group - 442 Đội Cấn - Ba Đình - Hà Nội
Proudly powered by Dịch vụ Marketing Online
Copyright © 2011. Marketing Online,Digital Marketing,Dịch Vụ Marketing Online - All Rights Reserved
Ghi rõ nguồn "http://cuongjerry.blogspot.com/" khi phát hành lại thông tin trên trang này
Marketing Online
Chứng nhận và bảo vệ bản quyền bởi
DMCA
Cach lam kim chi ngon Dang nhap zing me Stt buồn Bang ki tu dac biet Truyen ngan Mon ngon moi ngay Phụ nữ đẹp Tiec cuoi ha noi Sửa máy giặt Electrolux Bảo hành máy giặt Electrolux Giường tầng trẻ em Giường tầng giá rẻ Niềng răng Bọc răng thẩm mỹ Nhổ răng khôn Trồng răng sứ Chỉnh răng Trong rang sh 2014 xem tuổi vợ chồng có hợp nhau không Den led tuyp led downlight led pha led