How to Add stylish email subscribe widget on blogger Blogspot blog post me email subscribe widget kaise add kare. WordPress me email subscribe widget ko aap plugin se add kar sakte hai. lekin blogspot blogger ko thodi problem ho jati hai. To is post ko read karne ke bad aap apne blog post me stylish email subscribe widget add kar sakte hai.
Agar reader apke articles ko like karte hai. To wo blog ko jarur subscribe kar sakte hai. Aur ishe apke blog ke traffic jarur badega. blog post email subscription widget add karne ke liye me apko kuch simple step bataunga
jinko follow karke ap apne blog post post me Stylsih email subscription widget add kar skate hai.
How To Add Stylish Email Subscribe Widget On Blog post below
Blog post me awesome email subscription Add karne ke liye diye gaye sabhi step ko follow kare.
Step 1/.
- First Off all Login url blogger Account
- After that Dashboard me theme per click kare.
- Now Click on Edit HTML
Step 2.
-
- Ab Template per click karke CTRL+f dabaye.
- Ab Search box me <data:post.body/> ko seach kare.
- Ab <data:post.body/> ke niche diye gaye css code ko add dena hai.
- Finally save Template per click kar de.
<b:if cond=’data:blog.pageType == "item"’>
<style type=’text/css’>
/*====== CSS Horizontal Email Subscription Widget BY www.knigulper.com starts ======*/
.knigulper_form-wrapper {background-color:#29343B; background-image: url(‘httpss://2.bp.blogspot.com/-YXkCX1C2n4k/WRroOpf_sPI/AAAAAAAACU4/cVYnZyscty4mSjf4FD9kdE4YBRHZG44KgCLcB/s1600/knigulper-sub-box.png’); background-repeat: no-repeat; border-top:1px solid #e4e4e4; border:1px solid #e4e4e4; font-family:”Oswald”, sans-serif; height:219px; width:660px; margin:20px auto;}
.knigulper_form-wrapper {margin-top:5px;margin-bottom:5px;}
form {padding-right: 25px; padding-top:74px; }
.knigulper_form-wrapper .knigulper_form {font-size:12px; }
.knigulper_form-wrapper .knigulper_lbl {display:block; }
.knigulper_element {margin-bottom:5px; }
.knigulper_form-wrapper .knigulper_form input[type=”text”] {background-color:#4f5e67; color: white;font-family:”Oswald”, sans-serif; font-size: 13px; letter-spacing: .75px; height: 26px; vertical-align:middle; width:212px; border: none; padding-left: 36px; margin-bottom:10px; float: right; }
#email {margin-left: 150px; }
.knigulper_form-wrapper .knigulper_form input[type=”text”]:focus {background-color:#28333a; border: 1px solid #8496a3; color: white; letter-spacing: .75px; }
.knigulper_form-wrapper .knigulper_form #name {background-image: url(‘httpss://4.bp.blogspot.com/-3gwwP62A0n8/WRsBdsigDXI/AAAAAAAACVM/f2W6kZTLvCU_jEK3OqIxM7bWwBtdtgNsACLcB/s1600/knigulper-sub.png’); background-repeat: no-repeat;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;border-color:#28333a;border-style:solid; }
.knigulper_form-wrapper .knigulper_form #email {background-image: url(‘httpss://1.bp.blogspot.com/-X1xkAgcsyzo/WRsB1PgUaSI/AAAAAAAACVQ/s9G4pqFmLKgHP8Pt31G0DuwRiKeeN3xGACLcB/s1600/hosted-at-knigulper.png’); background-repeat: no-repeat;border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;border-color:#28333a;border-style:solid; }
.knigulper_submit {padding-top:75px; vertical-align:middle; padding-left: 410px; }
.knigulpersub_button {-moz-box-shadow:inset 0px 34px 0px -10px #cfc929; -webkit-box-shadow:inset 0px 34px 0px -10px #cfc929; background-color:#928f34; border:1px solid #28333a;
box-shadow:inset 0px 25px 0px -3px #cfc929; color:#28333a; cursor:pointer; display:inline-block; float: left; font-size:15px; letter-spacing: .5px; text-align: center; text-decoration:none; width: 225px; height: 31px; font-weight:normal;}
.knigulpersub_button:hover {-webkit-stroke-width: 5.3px; -webkit-fill-color: #FFFFFF; -webkit-stroke-color: #FFFFFF; text-shadow: 1px 0px 20px white; }
.knigulpersub_button:active {position:relative; top:1px; }
.powered_by_knigulper p {color: #8496a3; font-size: 11px; padding-top:27px; padding-left: 370px; }
.powered_by_knigulper a:link {color: #8496a3; font-weight: bold; text-decoration: none; }
.powered_by_knigulper a:visited {color: #8496a3; font-weight: bold; text-decoration: none; }
.powered_by_knigulper a:hover {color: #cfc929; font-weight: bold; text-decoration: none; }
.powered_by_knigulper a:active {color: #8496a3; font-weight: bold; text-decoration: none; }
/*====== CSS Horizontal Email Subscription Widget BY www.knigulper.com ends ======*/
</style>
<!– HTML5 Horizontal Email Subscription Widget BY www.knigulper.com Begin –>
<div class=’knigulper_form-wrapper’>
<form action=’httpss://feedburner.google.com/fb/a/mailverify’ class=’knigulper_form’ method=’post’ onsubmit=’window.open('httpss://feedburner.google.com/fb/a/mailverify?uri=blognetbook', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’blognetbook‘/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input name=’knigulper_tracking’ type=’hidden’ value=’en_US’/>
<div class=’knigulper_element’>
<input class=’knigulper_textinput’ id=’name’ name=’name’ onblur=’javascript:if(this.value=='') {this.value='Name'}’ onfocus=’javascript:if(this.value=='Name') {this.value='';}’ type=’text’ value=’Name’/>
</div>
<div class=’knigulper_element’>
<input class=’knigulper_textinput’ id=’email’ name=’from’ onblur=’javascript:if(this.value=='') {this.value='Email Address'}’ onfocus=’javascript:if(this.value=='Email Address') {this.value='';}’ type=’text’ value=’Email Address’/>
</div>
<div class=’knigulper_submit’>
<input class=’knigulpersub_button’ name=’Submit’ type=’submit’ value=’Yes! Subscribe Now’/>
</div>
<div class=’powered_by_knigulper’>
<p>Powered by <a href=’https://www.knigulper.com/’ target=’_blank’>Knigulper</a>
</p></div>
</form>
</div>
<!– HTML5 Horizontal Email Subscription Widget BY www.blognetbook.com Ends –></b:if>
Customize :-
- Blue color ke feedburner username ke jagah per apne feed address enter karna hai .
- Agar first data post body per code work na kare dusre ya 3rd code ke niche code k enter kar de.
- Finally save Template per click karde.
Is trah se aap apne blog post Me website me stylish email subscribe widget add kar sakte hai. Agar aapko email subscribe widget add karne me koi problem ho to comment karke puch sakte hai
I hope in this post how to add stylish email subscribe widget on blog post below in hindi ya blog post me email subscribe widget kaise add kare ke jawab is post me mil gaye honge.
Read most.