loading...
Hướng dẫn tạo Popup quảng cáo hiện giữa trang Website, Blog
- Đối với Blogspot, bạn chỉ cần tạo 1 Widget HTML/Javascript và dán code dưới đây vào.
Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
Code:
Trong đó:
- Khu vực chữ bôi đỏ là mã HTML hiển thị nội dung của quảng cáo.
- Dòng chữ Chúc bạn vui vẻ ! bạn thay bằng câu của bạn hoặc có thể xóa đi nếu muốn.
- Link hình ảnh nền được bôi xanh.
Tạo Popup Trên Trang Website
- Đối với mã nguồn Website tự code, WordPress, Joomla, Drupal, ASP.Net… thì các bạn hoàn toàn có thể dán code trên vào vị trí <body> của Website để hoạt động.
- Đối với Blogspot, bạn chỉ cần tạo 1 Widget HTML/Javascript và dán code dưới đây vào.
Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
Code:
<style type=”text/css”>
/* Huong dan boi khoahocsupham.com */
#mbt-counter
padding: 10px;
font-family: oswald, verdana;
background-color: rgba(0, 0, 0, 0)!important;
color: #FFF!important;
position: absolute;
left: 59%;
top: 12%;
font-size: 15px;
.reveal-modal h2
position: absolute;
top: 5%;
font-family: oswald, arial;
font-size: 1.7em;
text-shadow: 2px 4px 10px #000;
color: #FF9D0F;
left: 4%;
.reveal-modal-bg
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
.reveal-modal
visibility: hidden;
left: 50%;
top:170px;
margin: -200px -200px -200px -600px;
width: 550px;
height: 305px;
background: rgba(51, 51, 51, 0) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxqPrlBv9MqkRTo0Z49njmiWUO5aX8VS-mYro1HOuaGawmaMeFZGQEFdN1GL8iZILeeQ6Eh3PX4K1fyb1cRXJai7_wBgzwrT6lldoevBrXzklYRPcMJOVysLiVS1o8srxgR3gxvOGhGY/s1600/images.jpg) no-repeat -17px 0px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #FFF;
.reveal-modal.small width: 200px; margin-left: -140px;
.reveal-modal.medium width: 400px; margin-left: -240px;
.reveal-modal.large width: 600px; margin-left: -340px;
.reveal-modal.xlarge width: 800px; margin-left: -440px;
.reveal-modal .close-reveal-modal
font-size: 32px;
line-height: 0.5;
position: absolute;
right: 25px;
font-weight: bold;
cursor: pointer;
bottom: 25px;
color: #9C6417;
.reveal-modal .close-reveal-modal:hover
color:#2d2d2f;
</style>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.6.min.js”></script>
<script type=”text/javascript” src=”http://Googledrive.com/host/0B875Fw22tKcoVmRnbmJHeWpVOTA/Tailieusuphampiopup_Giuatrangquangcao.JS”></script>
<script type=’text/javascript’>
//<![CDATA[
//Setting Time
TargetDate = "12/25/2013 12:00 AM";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% days: %%H%% hrs: %%M%% mins: %%S%% secs";
FinishMessage = "Chúc bạn vui vẻ !";
//Hiding snowfall
$(document).ready(function()
$('a.close-reveal-modal').click(function() $(document).snowfall('clear'););
//Setting cookie
if(sessionStorage.getItem("Hide-MBT-Popup") == 1)
$(document).snowfall('clear');
$(document).snowfall.hide();
$("#myModal").hide();
sessionStorage.setItem("Hide-MBT-Popup", 1);
);
$(function()
// Setting Animation
$('#myModal').reveal(
animation: 'fadeAndPop', //fade, fadeAndPop, none
animationspeed: 300, //how fast animtions are
closeonbackgroundclick: false, //if you click background will modal close?
dismissmodalclass: 'close-reveal-modal' //the class of a button or element that will close an open modal
);
//Revealing Snowfall
<!-- $(document).snowfall(deviceorientation : true, round : true, minSize: 1, maxSize:8, flakeCount : 250); -->
);
//]]>
</script>
<link href=’http://fonts.googleapis.com/css?family=Oswald’ rel=’stylesheet’ type=’text/css’/>
<div id=”myModal” class=”reveal-modal” >
<h2><a href=”http://www.tailieusupham.com” target=”_blank”>Blog SKKN-NCKHSPUD</a></h2>
<script type=’text/javascript’ src=”http://Googledrive.com/host/0B875Fw22tKcoVmRnbmJHeWpVOTA/ popupcouter.JS”></script>
<a class=”close-reveal-modal”>×</a>
</div>
Trong đó:
- Khu vực chữ bôi đỏ là mã HTML hiển thị nội dung của quảng cáo.
- Dòng chữ Chúc bạn vui vẻ ! bạn thay bằng câu của bạn hoặc có thể xóa đi nếu muốn.
- Link hình ảnh nền được bôi xanh.
Tạo Popup Trên Trang Website
- Đối với mã nguồn Website tự code, WordPress, Joomla, Drupal, ASP.Net… thì các bạn hoàn toàn có thể dán code trên vào vị trí <body> của Website để hoạt động.
Tạo Code Popup Quảng Cáo Hiện Giữa Trang Website, Blog
Quan trắc môi trường, quan trắc môi trường định kỳ, dịch vụ quan trắc môi trường, phân tích mẫu môi trường, phòng thí nghiệm môi trường, công ty môi trường uy tín, dịch vụ môi trường Hà Nội, lập báo cáo đánh giá tác động môi trường, ĐTM, tư vấn môi trường, hồ sơ môi trường doanh nghiệp, xin giấy phép môi trường, lập báo cáo ĐTM, lập kế hoạch bảo vệ môi trường, đăng ký sổ chủ nguồn thải, báo cáo công tác bảo vệ môi trường, hồ sơ cấp phép xả thải, giấy phép môi trường, hồ sơ môi trường cho nhà máy sản xuất, tư vấn thủ tục môi trường, phân tích nước thải, khí thải, bụi, lấy mẫu quan trắc nước thải, lấy mẫu khí thải ống khói, đo đạc môi trường lao động, đo tiếng ồn, độ rung, ánh sáng, đo vi khí hậu nơi làm việc, dịch vụ môi trường cho nhà máy, hồ sơ môi trường cho cơ sở sản xuất, báo cáo môi trường cho khu công nghiệp, hồ sơ môi trường cho trạm xăng, nhà hàng, khách sạn, quan trắc môi trường Hà Nội, tư vấn môi trường Hà Nội, công ty môi trường tại Hà Nội, lập hồ sơ môi trường Bắc Ninh, lập hồ sơ môi trường Hưng Yên, lập hồ sơ môi trường Hải Phòng, dịch vụ môi trường Hưng Yên,dịch vụ môi trường Hà Nội,dịch vụ môi trường Bắc Ninh,dịch vụ môi trường Phú Thọ,quan trắc môi trường định kỳ, dịch vụ quan trắc môi trường, quan trắc nước thải, khí thải, không khí, phân tích mẫu nước, mẫu đất, khí thải, đo môi trường lao động, tiếng ồn, vi khí hậu, lập hồ sơ môi trường doanh nghiệp, tư vấn lập báo cáo ĐTM, kế hoạch bảo vệ môi trường, đề án bảo vệ môi trường đơn giản, báo cáo công tác bảo vệ môi trường, xin giấy phép môi trường, giấy phép xả thải, sổ đăng ký chủ nguồn thải, giấy phép khai thác nước ngầm, cấp phép xử lý chất thải nguy hại, tư vấn môi trường trọn gói, tư vấn hồ sơ môi trường nhà máy, dịch vụ môi trường cho khu công nghiệp, tư vấn pháp lý môi trườn, đo tiếng ồn nơi làm việc, đo độ rung, ánh sáng, bụi, khí độc, đo vi khí hậu, hơi khí độc, nhiệt độ, đánh giá điều kiện lao động, báo cáo ĐTM là gì, thủ tục xin giấy phép môi trường, chi phí quan trắc môi trường bao nhiêu, quy trình quan trắc môi trường định kỳ, hồ sơ môi trường doanh nghiệp gồm những gì, thời gian thực hiện hồ sơ môi trường, quy định mới về bảo vệ môi trường, mẫu báo cáo quan trắc định kỳ, quan trắc môi trường , quan trắc môi trường định kỳ , phân tích mẫu nước , phân tích mẫu khí thải , đo môi trường lao động , đo tiếng ồn , đo bụi , đo vi khí hậu , lấy mẫu nước thải , đo ánh sáng , quan trắc khí thải ống khói , đo hơi khí độc , đo vi sinh trong không khí, báo cáo ĐTM , kế hoạch bảo vệ môi trường , đề án bảo vệ môi trường , hồ sơ môi trường doanh nghiệp , hồ sơ môi trường nhà máy , báo cáo công tác bảo vệ môi trường , báo cáo quản lý chất thải , hồ sơ xả thải, xin giấy phép môi trường , giấy phép xả thải , đăng ký sổ chủ nguồn thải , giấy phép khai thác nước ngầm , giấy phép xử lý chất thải nguy hại , hồ sơ cấp phép môi trường,
_________________
0 comments Blogger 0 Facebook
Post a Comment