Dosto agar aap kise blog ke owner hai to yeh article aapke liye bhut he usefull hai. kyuki aaj ham aapko POP UP email subscribe widget ko add ke baare me batayinge. es widget ki help se aap apne daily visitor, subscriber or traffic ko easly badha sakte hai.
Dosto agar aapko apne blog ke email subscriber bdane hai to ‘POP UP’ Email Subscribe Box sabse accha tarika hai. Dosto blog me ‘POP UP’ Email Subscribe Box ko add karna koi mushkil kaam nhi hai sirf aapko ek HTML Code apne Blog me add karna hai. dosto bese to aapko internet par bhut se trick mil jayinge ‘POP_UP’ Email Subscribe Box ko add karne ki but html code ki help se agar aap pop_up email subscribe widget ko add karte hai, to bo low internet connection or har browser par show hoga. or agar aap javascript ki help se pop_up email subscribe widget ko add karinge to bo har browser par show nhi hoga. esliye aaj ham aapko batayinge ki html code ki help se ‘POP_UP’ Email Subscribe Box widget blog me kaise add kare.
- Blog Posts Me Social Share Buttons Kaise Add Kare?
- Blog Me Email Subscribe Box (Widget) Kaise Add Kare?
‘POP_UP’ Email Subscribe Box Kaise Add Kare?
<style>
#sub-box {
display : none;
background : rgba(0, 0, 0, 0.8);
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
z-index : 99999;
}
#boxclose {
width : 100%;
height : 100%;
}
#boxview {
background : #fff;
width : 600px;
height : 230px;
position : absolute;
top : 35%;
left: 27%;
}
#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 : 230px;
background-color : #4bb1ff;
}
#subscribe-box p {
font-family:'Open Sans'
;font-size:18px;
color:#fff;
line-height:20px;
padding:20px 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 : #ea141f;
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;
}
.i {
margin-top: 15px; float: right;
}
#subscribe-box .emailfield .submitbutton:active {
outline : none;
border : none;
background : #fff;
color : #2B4E88;
}
#subscribe-box .emailfield .submitbutton:hover {
background : #2B4E88;
color : #fff;
}
</style>
<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>LIKE OUR POST? JOIN OUR NEWSLETTER</p>
</center>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=officialfuturetricks' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=officialfuturetricks, '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='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Join Now!'/>
</form>
</div>
<a href=" https://www.futuretricks.org" target="blank" class="i">FutureTricks</a></div>
</div>
</div>
- Blog Posts Me Awesome ‘Load More’ Button Kaise Add Kare?
- Blogger Blog Me Featured Post Slider Widget Kaise Add Kare?