Tạo Hộp thông báo, Quảng cáo trên blogspot

-Tạo hộp Thông báo hay dùng để Quảng cáo, link với các file khác ở trên blogspot. 

-Code dưới đây đặt ở góc trên bên trái. Khi muốn sẽ tùy chỉnh lại đặt ở xung quanh blogspot cũng được. Kích thước thay đổi tùy ý.

-Trong Code này phải chuẩn bị một ảnh đuôi .GIF (hình bên) để hiện thị và một file có Nội dung cần Thông báo hay Quảng cáo... hay là SLIDE. 

<!—thông báo bên trái góc trên--> <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; left:0px; bottom:0px; height:150px;//*Chiều cao hộp TB *// } #eb951855{ padding-right:7px; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.2, #ADFF2F),color-stop(0.8, #DC143C)); url( ) no-repeat right top; width:150px; //*Chiều Rộng hộp TB *// } #cob263512{background: -webkit-gradient(linear,left bottom,left top,color-stop(0.2, #ADFF2F),color-stop(0.8, #DC143C)); url( ) no-repeat left top; height:150px; padding-left:7px;} #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:150px;//*Chiều Rộng Tít hộp TB *// } #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/AVvXsEjN8te3lIIRtLAgJPbqnVynaeOaN1ILsbpcgrFS1ltc5IfPVvmwnzGY6ILj3_4wSpMJZoiI6U6fMEAip3TojYGp0FoMawRqLkaMU8eEHNsH0l6sY_Gl2-Oke8TACbrU7pOLtUzBa-8tBK4/s128/closebutton.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:#FFA500; line-height:1.6em; overflow:hidden;} </style> <br /> <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> <span style="color: white;">THÔNG BÁO</span></div> <div id="co453569"> <!-- Code Nội dung Thông báo --> <a href="javascript:popUp(' http://files.photosnack.com/iframejs/embed.html?hash=phi0146w&t=1376957920 ')" rel="nofollow" target="_blank"> <img border="0" height="118" //*chiều cao ảnh gif *// src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeruc3A3NqEa_WA8LUs20XocbR70YnnLaIUQb8QaOXrMt6a5ng-WbdWdTMpQ-9HF6PxlDSSC5WKpeQDAFKTXMKkvxkJbr8-BMdkp5UuEvAtCIwIXxV-mdPnteHmTNSG4dqDzWlRlJdc2E/s128/Chimcong.gif" style="margin: 3px 1px 1px 3px;" title="XEM CHIM CÔNG MÚA" width="136" //*chiều rộng ảnh gif *// /></a> <!-- End Code Nội dung Thông báo --> </div> </div> </div> </div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 650; //Chieu cao vị trí khung TB 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> <!—End-thông báo bên trái góc trên-->

Cần chú ý nếu chưa có code popup thì copy đoạn code dưới đây đặt vào một tiện ích nào cũng được để chạy.

<!—code popup --> <script language="JavaScript"> function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=400,height=270,left=10,top=400');"); } </script> <!—End-code popup -->