<center>
<style>
#image_HBF {
position: fixed;
width: 980px;
height: 50px;
margin: auto;
bottom: 0%;
cursor: pointer;
z-index: 999;
}
/*
#page {
width: 0px auto;
margin: 0px auto;
padding: 20px 0px 20px 0px;
background: rgba(0,0,0,0.3);
justify-content: center;
}
*/
#small {
position: fixed;
width: 100%;
height: 100%;
margin: auto;
top: 0%;
bottom: 0%;
display: none;
cursor: pointer;
z-index: 999;
background: url(http://storage.static6.com/Sales/Bukalapak/190216/bg.gif) no-repeat center center fixed;
}
#close_btn {
display: inline-block;
width: 29px;
height: 23px;
position: absolute;
top: 0px;
right: 0px;
background: url(http://preview.kmkonline.co.id/banners/otp_sto/close.gif);
z-index: 10;
}
#video_center_outside {
position: relative;
display: flex;
alignt: center;
justify-content: center;
align-items: center;
height: 105vh;
}
</style>
<div id="auto_close_x">
<div id="small">
<div id="close_btn"></div>
<div id="clickable">
<div id="video_center_outside">
<!--Video-->
<iframe src="http://storage.static6.com/Sales/Bukalapak/190216/vy3.html" width="755" height="422" scrolling="no" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<div id="image_HBF">
<a target="_blank" style="display:block; position:absolute; width:300px; height:250px; cursor:pointer; z-index:1;" href="%%CLICK_URL_UNESC%%https://www.bukalapak.com/?utm_source=google&utm_medium=cpc&utm_campaign=0000_Nama%20situs&utm_content=&utm_term=bukalapak&gclid=Cj0KEQiA6IC2BRDcjPrjm_istoUBEiQASrLz1sd1lXlDFJDJsTucMUznPCpT7OKtlRadM7kqwTVz4poaAije8P8HAQ"></a>
<iframe frameBorder="0" src="http://storage.static6.com/Sales/Bukalapak/190216/hbf.html" width="980px" height="50px"></iframe>
</div>
<script type="text/javascript">
$(document).ready(function() {
var click_tag = 'https://www.bukalapak.com/?utm_source=google&utm_medium=cpc&utm_campaign=0000_Nama%20situs&utm_content=&utm_term=bukalapak&gclid=Cj0KEQiA6IC2BRDcjPrjm_istoUBEiQASrLz1sd1lXlDFJDJsTucMUznPCpT7OKtlRadM7kqwTVz4poaAije8P8HAQ';
var click_tag_hanging ='https://www.bukalapak.com/?utm_source=google&utm_medium=cpc&utm_campaign=0000_Nama%20situs&utm_content=&utm_term=bukalapak&gclid=Cj0KEQiA6IC2BRDcjPrjm_istoUBEiQASrLz1sd1lXlDFJDJsTucMUznPCpT7OKtlRadM7kqwTVz4poaAije8P8HAQ';
$('#clickable').click(function(){
window.open(click_tag,'_blank');
});
$('#image_HBF').click(function(){
console.log("clicked");
window.open(click_tag_hanging,'_blank');
return false;
});
$('#image_HBF').show(0);
$("#small").insertBefore($("footer"));
$('#image_HBF').hover(function() {
function displayFull(){
$('#image_HBF').hide();
$('#small').show();
player.playVideo();
}
setTimeout(displayFull, 1000);
});
$('#small #close_btn').click(function() {
$('#small').hide();
$('#image_HBF').show();
player.pauseVideo();
});
});
$(document).ready(function() {
$('#auto_close_x').delay(2000).fadeOut('slow');
});
</script>
<!--View Tracking Image-->
<img src="%i%h/dot.gif" style="display:none;"/>
<!--View Tracking Image-->
</center><style>
#image_MR {
width: 300px;
height: 250px;
bottom: 0%;
cursor: pointer;
z-index: 999;
}
#page {
width: 0px auto;
margin: 0px auto;
padding: 20px 0px 20px 0px;
background: rgba(0,0,0,0.3);
justify-content: center;
}
#small {
position: fixed;
width: 100%;
height: 100%;
margin: auto;
top: 0%;
bottom: 0%;
display: none;
cursor: pointer;
z-index: 999;
/*materi background bisa di include disini*/
background: url(http://storage.static6.com/Sales/Permen%20Kiss/Kiss_Background_rev.jpg) no-repeat center center fixed;
}
#close_btn {
display: inline-block;
width: 29px;
height: 23px;
position: absolute;
top: 0px;
right: 0px;
/*materi button close bisa di include disini*/
background: url(http://preview.kmkonline.co.id/banners/otp_sto/close.gif);
}
#video_center_outside {
position: absolude;
display: flex;
alignt: center;
justify-content: center;
align-items: center;
height: 105vh;
margin: 110px 8px auto -4px;
}
}
</style>
<div id="small">
<div id="page">
<div id="close_btn"></div>
<div id="clickable">
<div id="video_center_outside">
<script type="text/javascript" src="http://www.webestools.com/page/js/flashobject.js"></script>
<div id="player_1557" style="display:inline-block;">
<a href="http://get.adobe.com/flashplayer/">You need to install the Flash plugin</a> - <a href="http://www.webestools.com/">http://www.webestools.com/</a>
</div>
<script type="text/javascript">
var flashvars_1557 = {};
var params_1557 = {
quality: "high",
wmode: "transparent",
bgcolor: "#ffffff",
allowScriptAccess: "always",
allowFullScreen: "true",
//materi vidio nya bisa di include disini
flashvars: "fichier=http://storage.static6.com/Sales/Permen%20Kiss/TVC-Chewy%20Mint.mp4&auto_play=true&apercu=http://flash.webestools.com/flv_player"
};
var attributes_1557 = {};
flashObject("http://flash.webestools.com/flv_player/v1_26.swf", "player_1557", "576", "324", "8", false, flashvars_1557, params_1557, attributes_1557);
</script>
</div>
</div>
</div>
</div>
<div id="image_MR">
<!--Materi Banner MR bisa di include disini-->
<img frameBorder="0" src="http://storage.static6.com/Sales/Permen%20Kiss/Kiss_300x250_rev.gif" width="300px" height="250px">
</div>
<script>
$(document).ready(function() {
//click tag revive
var click_tag = '%%CLICK_URL_UNESC%%http://www.kis-mint.com/aboutus';
var click_tag_hanging ='%%CLICK_URL_UNESC%%http://www.kis-mint.com/aboutus';
$('#clickable').click(function(){
window.open(click_tag,'_blank');
});
$('#image_MR').click(function(){
console.log("clicked");
window.open(click_tag_hanging,'_blank');
return false;
});
$('#image_MR').show(0);
$("#small").insertBefore($("footer"));
$('#image_MR').hover(function() {
function displayFull(){
$('#image_MR').hide();
$('#small').show();
player.playVideo();
}
setTimeout(displayFull, 1000);
});
$('#small #close_btn').click(function() {
$('#small').hide();
$('#image_MR').show();
player.pauseVideo();
});
});
</script>
<img src="%i%h/dot.gif" style="display:none;"/>