Blog Me ‘POP_UP’ Email Subscribe Box (Widget) Kaise Add Kare

0

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.

Blog Me 'POP_UP' Email Subscribe Box (Widget) Kaise Add Kare





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.

 



‘POP_UP’ Email Subscribe Box Kaise Add Kare?

Step1: Sabse phele es Email Subscription Box ke Code ko Copy kar le.
 
<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=" http://www.futuretricks.in" target="blank" class="i">FutureTricks</a></div>
</div>
</div>
Step2: Code ko Copy karne ke baad code me officialfuturetricks ki jgha apne Feed Address dale. 

 

Ab neeche diye gye step follow kare.

 
Blogger: Go to Blogger Dashboard ⏩ layout ⏩ add a gadget ⏩ Html/JavaScript ⏩ Ab Code ko paste kar de.
 
WordPress: Go to WordPress Dashboard ⏩ appearance ⏩ widgets ⏩ select widget ⏩ add widget ⏩ Ab Code ko paste kar de.

 
Now All Done! ab aapka kaam ho chuka hai, ab aap apna blog check kar le, ki ‘POP_UP’ Email Subscribe Box show ho rha hai ya nhi. bese to yeh code 100% working hai, but agar tab bhi aapke blog me koi problem aa rhe hai to comment me puch sakte hai.


LEAVE A REPLY

Please enter your comment!
Please enter your name here