Pages

Thứ Ba, 12 tháng 3, 2013

Code tạo quảng cáo góc màn hình cho web, blogspot

Làm thế nào để tạo được quảng cáo ở góc màn hình cho Website, blog? Website của mình muốn tạo thêm quảng cáo ở chân trang Web. Blogspot muốn thêm những phần quảng cáo sát dưới chân trang blog/?
...

Blog thủ thuật này mình hướng dẫn các bạn cách tạo thêm quảng cáo dạng đó thực hiện trên blogspot. Đối với các nền Website khác các bạn cũng thêm tương tự như thêm những đoạn code CSS, HTML, Javasctipt...
Cach them quang cao goc man hinh cho blogspot website, thu thuat blogger
XEM DEMO GÓC MÀN HÌNH TẠI BÀI VIẾT NÀY
- Hướng dẫn thủ thuật trên blogspot:
1. Đăng nhập vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
2. Dán đoạn Code dưới đây vào tiện ích vừa thêm

<style type="text/css">
* html div#fl813691 {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));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkJD0YRc_Sh9WSjfO_toE_eOIOkFX-QuNdY8ooLm0xAUvxGxCrhfzno5oHuxaJb2npfUvaB7QWhDzpPcDbXaqTPUrRGTVQAmc6z30y9OeEUpM2P0w2msSz91-MjkX-sIn8xxJLZQ62wff/s150/rightp-itviet360.gif) no-repeat right top;}
#cob263512{background:url(http://3.bp.blogspot.com/-lkGU7Fx88_w/UT7fKxksiPI/AAAAAAAALOE/aYzRULr-G_k/s320/ITVIET360.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilheTp9bjVaizW4iOiyOZqCS1g32tOc4eo3uPkxCgpL-cTRVy8dv2Y4MTn36kut7GP5SPRw-_xfjDq9f2ejQFivezuPTzGTC9S-svnMl-ZUr6bxYtazprhhUFQjpB6Ob18cIwA0zrVhoZO/s90/closebutton-itviet360.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 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="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<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>
Nội thất văn phòng
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://noithathopphat.vn/" > <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://lh5.googleusercontent.com/-UrboBzmZVwk/UOj-uhHmNTI/AAAAAAAAFdc/TQC7C48OSa8/s250/tuyennv.gif" height="115" title="Nội thất văn phòng - Nội thất Hòa Phát Sài Gòn"/></a>
<!-- code ads -->

</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//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>

Trong đó có các giá trị cần chú ý:
Nội thất văn phòng: Tiêu đề đăng của quảng cáo
http://noithathopphat.vn/: Link Website quảng cáo
https://lh5.googleusercontent.com/-UrboBzmZVwk/UOj-uhHmNTI/AAAAAAAAFdc/TQC7C48OSa8/s250/tuyennv.gif: Link hình ảnh cần quảng cáo
right:0: hiển thị góc bên phải, nếu muốn hiển thị góc bên trái thì các bạn thay bằng left: 0

Không có nhận xét nào:

Đăng nhận xét