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á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.