Home » , » Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog

Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog

Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog (như hình dưới )

Cách tạo Popup quảng cáo bên góc phải màn hình cho Blog

Cái này có nhiều web và blog làm vì khá đơn giản  các bạn chỉ cần đăng nhập Blogger, chọn Bố cục thêm Tiện ích , chọn tiện ích HTML/Javascript.
 Copy toàn bộ đoạn code dưới đây cho vào phần nội dung của Widget:

<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/AVvXsEgwXvdZ9ZLv_PDGFjFZXO3FtCPliYwK_9tTGS1CWRX85i5aXW5xYyceJ7fa8Vr1rbAu7S9ohzoG5wMO1SpyoxxR-b2dsZh-fog4PWDv_TzYdNzUuMkGImIr5fHu94Vznp4ORI6f_P3TS7Y/s1600/bg_right.gif) no-repeat right top;}    
 #cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFMf-Lfy9C9m-7dZRnXdRqcTUNx7Q1AoiGvIohfJ3nzdH_mr3Hde0rXmQb7toz0KpZ9sDvtl-AyrxkyuBh7S8ArQVK764JN2CNmpk95k-643dhKusfXly2MjL8tkxdLy0vocNz5DX8gWw/s1600/info_bg.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/AVvXsEhUES2Un7IKR8Li-6Q13MNHwe50Vm0M4d5qdIquxv1zS4vh-uTO98L9TQ99SmNQ7qhV932hQHr5KnM0o3Bk5hyg7B-g0v4hUFon1ijfY71XiYEjP40DIv8f0sSHvG9UdLCkMgRw9b-iowo/s1600/button.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>    
 &nbsp;Xem h ài th ả ga v ới blog c ư ời
 </div>    
 <div id="co453569">
<!-- code quảng cáo star -->    
<a target="_blank" href="http://zuizuicuoi.blogspot.com"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXeCI_cQA36DxqA-oRvOuu4KlbhbQja1i_lkjOol9lZg4NoeGjNfPsFROx2HAOtkiqzgJu0zEVLGdVQKAzy3wcesUf-df0uIinDuTwdcw98hZWn3uqByrqgS6rhDp-oDVSKK2O_pjchCE/s1600/kk.jpg " height="115" title="video hai"></a>    
<!-- code quảng cáo end -->    
</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>


Bây giờ bạn tìm đoạn code có màu đỏ thay lại nội dung cho phù hợp với blog của bạn.
Thế là xong.

0 nhận xét:

Post a Comment