Daftar Hp Xiaomi Terbaru 2020 Dengan Harga Dan Spesifikasi
<style type='text/css'>
#PopUpBL {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
position : fixed;
background-color : rgba(0, 0, 0, 0.8);
margin : 0;
overflow : hidden;
z-index : 999999;
}
#PopBookBL {
background-color : #ecf0f1;
overflow : hidden;
z-index : 999999;
}
.PopBookBL {
width : 290px;
height : 300px;
position : fixed;
top : 45%;
left : 50%;
margin-top : -200px;
margin-left : -200px;
border : #4791d2 solid 10px;
padding : 20px;
z-index : 999999;
border-radius : 4px;
}
#PopTitleBL {
background : #4791d2;
color : #fff;
font-size : 18px !important ;
font-weight : 700;
width : 324px;
margin : 0 -27px 10px -27px;
padding : 10px;
line-height : 25px;
text-align : center;
float : left;
}
.anarchyta {
width : 280px;
height : 200px;
position : relative;
background : #4791d2;
padding : 0 10px 15px 0;
margin-top : 60px;
border-radius : 4px;
overflow : hidden;
}
.anarchyta, .anarchyta:before, .anarchyta:after {
background : transparent;
border : #4791d2 solid 1px;
}
.anarchyta:before, .anarchyta:after {
position : absolute;
content : "";
bottom : -3px;
left : 2px;
right : 2px;
height : 1px;
border-top : none;
}
.anarchyta:after {
left : 4px;
right : 4px;
bottom : -5px;
box-shadow : 0 0 2px #4791d2;
}
.close {
background : #4791d2;
padding : 5px 5px 10px 5px;
font-size : 14px;
font-weight:bold;
color : #ecf0f1;
text-decoration : none;
border-radius : 4px 4px 0 0;
cursor:pointer;
}
</style>
<div id='PopUpBL'>
<div class='PopBookBL' id='PopBookBL'>
<h3 id='PopTitleBL'>LIKE US ON FACEBOOK</h3>
<div class='anarchyta'>
<div class='fb-like-box' data-header='false' data-href='http://www.facebook.com/bacalagiid' data-show-faces='true' data-stream='false' data-width='292'></div>
</div><br/>
<a class='close' onmouseup='document.getElementById('PopUpBL').style.display='none''>CLOSE</a>
</div>
</div>
#subscribe-box
.title {padding: 10px 25px;font: 26px Oswald;color: #FFF;text-align:
center;background: none repeat scroll 0% 0% #293D4F;
text-transform: uppercase;border-radius: 2px 2px 0px 0px;border-bottom:
1px solid #EEE;}
#subscribe-box {width: 300px;height: auto;background-color:
#293D4F;padding-bottom:10px;margin:0 auto}
#subscribe-box p {font-size: 14px;color:#fff;line-height: 20px;padding:
10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top:
10px;font-size: 14px;width: 92%;border:0;border-radius: 2px;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #E06949;color:
#fff!important;border:none;outline: none;width:
100%;cursor:pointer;border-radius: 2px;}
#subscribe-box .emailfield .submitbutton:active {padding-top:
11px;padding-bottom: 9px;}
#subscribe-box .emailfield .submitbutton:hover{background: rgba(225, 60,
15, 1);}
<div id='subscribe-box'> <div class='title'>Subscribe Here</div> <p>Sign up here with your email address to receive updates from this blog in your inbox.</p> <div class='emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bacalagicom','popupwindow','scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/> <input name='uri' type='hidden' value='bacalagicom'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/> </form> </div> </div>
<script type="text/javascript">
var bacalagi_id = 5;
var bacalagi_now = new Date()
var detik = bacalagi_now.getSeconds()
var bacalagi_place = detik % bacalagi_id;
bacalagi_place += 1;
if (bacalagi_place == 1) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "http://4.bp.blogspot.com/-duqxcfdwonw/UuXm-l01ObI/AAAAAAAAA6U/q3yADd2SXUg/s1600/300x250.gif";
width = "300";
height = "250";
}
if (bacalagi_place == 2) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "http://1.bp.blogspot.com/-M1T9_3K2eGQ/UvSTYZADGRI/AAAAAAAABHU/exrqmrKNpWU/s1600/Banner+300+x+250+pixels.gif";
width = "300";
height = "250";
}
if (bacalagi_place == 3) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "http://2.bp.blogspot.com/-2PPBDyx9ty8/Vi4Yj8frBdI/AAAAAAAADN0/nbY7MbLz-Bc/s1600/maxcdn-speed-website.gif";
width = "300";
height = "250";
}
if (bacalagi_place == 4) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "https://s.adroll.com/a/PAD/HOD/PADHODRN3NAWNAX74T4AHW.gif";
width = "300";
height = "250";
}
if (bacalagi_place == 5) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "http://1.bp.blogspot.com/-R2SaiRXUY6E/UuXm9RSfvFI/AAAAAAAAA6M/T8E-aTidXY4/s1600/300x250_biru.gif";
width = "300";
height = "250";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
</script>
var bacalagi_id = 6;
if (bacalagi_place == 6) {
url = "#";
alt = "Deskripsi Iklan";
title = "Judul Iklan";
banner = "http://1.bp.blogspot.com/-R2SaiRXUY6E/UuXm9RSfvFI/AAAAAAAAA6M/T8E-aTidXY4/s1600/300x250_biru.gif";
width = "300";
height = "250";
}
#sub-box
{display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#boxview {background:#fff;border:8px solid
#fff;width:600px;height:250px;position:absolute;top:33%;left:28%;}
#closebox
{float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;}
#closebox:before {content:"Close";padding:5px
8px;background:#fff;color:#48cb7a;font-weight:normal;font-size:12px;font-family:Open
sans;}
#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover
{color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
#subscribe-box {width:600px;height:250px;background-color:#02BA74;}
#subscribe-box p {font-family:'Open
Sans';font-size:18px;color:#fff;line-height:20px;padding:10px 20px 0
20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input
{background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open
Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus
{background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton
{background:#444;color:#fff;text-transform:uppercase;font-weight:normal;font-size:
16px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all
0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active
{outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield
.submitbutton:hover{background:#fff;color:#444;}
Jika kamu mau Custom PopUp Widget Subscribe nya, Silahkan kamu atur Kode CSS nya sesuai kebutuhan kamu.5. Simpan Template.
<script
type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object
Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', //
use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } :
decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) +
'=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#sub-box').delay(3000).fadeIn('fast');
$('#closebox, #boxclose').click(function(){
$('#sub-box').stop().fadeOut('fast');
});
}
});
</script>
<div id='sub-box'>
<div id='boxclose'>
</div>
<div id='boxview'>
<div id='closebox'>
</div>
<div id='subscribe-box'>
<center><p>Subscribe for Latest
Update</p></center>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=bacalagicom' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bacalagicom,
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
target='popupwindow'>
<input type='text' name='name' onblur='if (this.value ==
"") {this.value = "Your Name";}'
onfocus='if (this.value == "Your Name") {this.value =
"";}' value='Your Name'/>
<input type='text' name='email' onblur='if (this.value ==
"") {this.value = "Your Email";}'
onfocus='if (this.value == "Your Email") {this.value =
"";}' value='Your Email'/>
<input name='uri' type='hidden' value='bacalagicom'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>
</form>
</div>
</div>
</div>
</div>
Ganti semua ID Feedburner yang saya blok warna biru muda dengan ID Feedburner Kamu yang kamu bikin di Google Feedburner.Jika Kamu belum mendaftarkan Blog kamu di Google Feedburner Silahkan baca Artikel saya mengenai Daftarkan Blog Di Google Feedburner : Cara Mendaftarkan Blogger Di Google Feedburner Terbaru
