Cách thêm banner quảng cáo 2 góc phải và trái website

Cách thêm banner quảng cáo 2 góc phải và trái website


wap game online | 8:45 AM

Thường khi các bạn vào một website hay một blogspot sẽ thấy có một quảng cáo hoặc mục hỗ trợ support từ từ hiện lên ở góc trái hoặc góc phải website, và có nút ẩn đi hoặc hiện lên, hôm nay mình hướng dẫnCách thêm banner quảng cáo 2 góc phải và trái website.
 banner quảng cáo 2 góc phải và trái website
Demo  banner quảng cáo 2 góc phải và trái website
Live Demo

Cách làm: (áp dụng được cả blogspot và website )
Đăng nhập => Bố cục => Thêm tiện ích HTML/Javacript => Paste đoạn code sau vào: <style type="text/css">
* html div#share123_ads {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#share123_ads{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; left:0; bottom:0; height:150px; }
#share123_bg{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7OJ-43AyWUyw5Ca-AerXA7y99Pn02IUh8kBZWrKFM0VZjv4rRceqHdICu4sA1UdLaylLiRJWOo-ks3BCCN5-t8inu4alx40cmk1PwBYnqRGABKRkRtogVfVq91Qp9ytyi0dyh87SbEic/s1600/rightp_1.png) no-repeat right top;}
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCij4D_bwb_kEM2zH6sxku7s_pd9g9F8tqtBsiJHsEYrv3W3LqqY4t898rTJFasCoUxxROHdYjg-BfjRhz67PtVBxwJtLZ80y18fXtfyrLzpVa1H-ltJtH39PgpYklyaLdu36nEbE4a7M/s1600/full1d.gif) no-repeat left top; height:150px; padding-left:7px;}
#share123_ads_head{color:#fff;display:block; height:20px; line-height:20px; font-size:12px; width:277px;}
#share123_ads_head a{color:#690;text-decoration:none;}
#share123_ads_view{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#share123_ads_view li{display:inline;}
#share123_ads_view li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0lWNV9k5Ft1ojvXKHKMTmQbbSMR1jo8_IISPC_wrIcxJJ8E-3l_Rxt8TP-sKHuF-YAfElZFlu9XXUJGYG0G76p2yMMd-Ba4Mrl7rzWZ4GErusP0t37BUFnR1o0QmDn2Dm08Eq0nT8gcU/s1600/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#share123_ads_view li a.close{background-position: 0 0;}
#share123_ads_view li a.close:hover{background-position: 0 -15px;}
#share123_ads_view li a.min{background-position: -30px 0;}
#share123_ads_view li a.min:hover{background-position: -30px -15px;}
#share123_ads_view li a.max{background-position: -60px 0;}
#share123_ads_view li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="share123_ads" style="height: 152px;">
<div id="share123_bg">
<div id="cob263512">
<div id="share123_ads_head">
<ul id="share123_ads_view">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
&nbsp;Hỗ trợ trực tuyến từ Share123.vn
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://share123.vn" rel="dofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKI2XwbbW1FvAXhXHewqB2aULBX3L0J4pNCWQlg1-3XBb4heki-g34GYeaZs7UKWpPXVe-BkFR5E6QzZU-zB3-nmnlktR7chHQMm0WjQoj4tZYiI-kyGa1AXQ5_6jIaY7I_69WsY1BCuw/s320/logo.png" height="115" title="http://share123.vn"/></a>
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('share123_ads');
var pf204652IntervalId = 0;
var pf204652maxHeight = 148;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>
Các bạn chú ý:
 - Thay textlink http://share123.vn thành link blog, website của bạn 
- Thay ảnh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKI2XwbbW1FvAXhXHewqB2aULBX3L0J4pNCWQlg1-3XBb4heki-g34GYeaZs7UKWpPXVe-BkFR5E6QzZU-zB3-nmnlktR7chHQMm0WjQoj4tZYiI-kyGa1AXQ5_6jIaY7I_69WsY1BCuw/s320/logo.png bằng ảnh cần hiển thị của bạn
- Nếu muốn banner hiển thị sang phải thì thay giá trị left:0;  thành right:0 là được.
Thiết kế Web SEO

trang wap Cách thêm banner quảng cáo 2 góc phải và trái website hot nhất 2015 phien ban moi nhat cho dien thoai java ,android,iphone,hack game online miễn phí,tải game điện thoại về máy,ứng dụng hay cho mobile,kho app game đỉnh nhất,download Cách thêm banner quảng cáo 2 góc phải và trái website miễn phí,xem hình ảnh,video phim online trực tuyến,nghe nhạc online.



bạn đã xem và Cách thêm banner quảng cáo 2 góc phải và trái website về mobile để chơi chưa,nhiều thể loại game online,offline hay nhất với các game hot trên CH PLAY,hack game crack phiên bản mới nhất 2015,download ứng dụng di động hot nhất 2015 hiện nay,hãy truy cập thường xuyên vào wap để nhận ngay các thông tin thủ thuật hướng dẫn,share template mới nhất...



Từ Khóa: Cách thêm banner quảng cáo 2 góc phải và trái website Về Điện Thoại , Cách thêm banner quảng cáo 2 góc phải và trái website Mới Nhất 2015 , Wap Cách thêm banner quảng cáo 2 góc phải và trái website Cho Di Dong

Thông Tin
Tên Bài Viết: Cách thêm banner quảng cáo 2 góc phải và trái website
Cập Nhật: 3/27/14
Phiên Bản: Mới Nhất
Hỗ Trợ : Android/IOS/Java
Danh Mục: Thủ thuật Blogspot
Đọc Tiếp:
Bài Viết Cùng Chuyên Mục