Blog par Popup Email Subscribe Box Add Kaise Kare
Blog par popup email subscribe box add kaise kare aaj ki iss post me hum janenge. Popup email subscribe box ko aap apne blogger blog, wordpress blog ya fir other websites par bhi kar sakte hai.
So agar aapne google feedburner par account create kiya hai to aap to aap email email popup subscribe box ko use kar sakte hai.
Agar aap apne blog ya website par email ke through subscribers increase karna chahte hai. To aapko apni site par popup email subscrib box add jarur karna chahiye.
Blog par Popup Email Subscribe Box Add Kaise Kare
Apni site par pupup email subscribe box ko add karne ke liye niche mein aapko ek code bata raha hu. Jisse aapko apni website par ek widget me paste karna hai aur save kar dena hai. To chaliye step by step janate hai ki aap ki tarah se apne site par email subscription box ka popup enable kar sakte hai.
Step 1
1 Sabse pehle aapko niche diya gaya code copy karna hai aur ek notepad me paste 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=HinglishHelp' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=HinglishHelp, '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=" http://www.futuretricks.in" target="blank" class="i">FutureTricks</a></div>
</div>
</div>
2 Ab notepad me http://feedburner.google.com/fb/a/mailverify?uri=HinglishHelp search kare. Aur iski jagah par khud ki feedburner email subscribe I’d change kar dijiye.
3 Iske baad select all karke code copy kare.
Step 2
WordPress Blog Par
1 Sabse pehle apne WordPress blog me login kare.
2 Left side menu me Appearance par click karke Widget par click kare.
3 Ab Text widget par click kare aur Copied above code paste karke save kar dijiye.
Blogger Blog Par
1Sabse pehle Blogger me login kare.
2 Ab left side menu me Layout par click kare.
3 Iske baad kisi bhi Add A Gadget par click kare.
4 Ab ek popup window open hogi isme Copied above code paste kar save kar dijiye.
Bus yahapar aapko itna hi kaam karna hai iske baad aapki site par popup email subscription box add ho jayega, aap chahe to ek baar apni site open karke check kar sakte hai.
I hope, ab aap samajh gaye honge ki blogger ya wordpress blog par Popup Email Subscribe Box add kaise karte hai. Agar aapka koi saval ho to niche comment box me puch sakte hai aur agar ye jankari helpful lagi ho to isse social sites par share bhi jarur kare.
Jo code aapne share kiya hai wo nhi kaam kar raha hai blogger par.
Please guide me