Tuesday, September 26, 2017

Blog Post Ke Niche Email subscription Widget Kaise Add Kare.

Blog post email subscription widget Add karna bahut jaruri hai. But Bahut se new blogger ko Blog post email subscription widget add karne karne me problem hoti hai. Basically post ke niche subcribe widget add karna ka features blogspot me nhi hai. wordpress per app plugin ka use kar skate hai.

blog post email subscription widget kaise add kare.

Agar reader apke articles ko like karte hai. To wo apke blog ko subscribe kar skate hai. Aur ishe apke blog ke traffic jarur bad skata hai.



blog post email subscription widget add karne ke liye me apko kuch simple step bataunga jinko follow karke ap apne blog post email subscription widget add kar skate hai. Aur apne reader ko new post ke notification email duwara mil sakte hai.To Chaliye jante hai.

blog post email subscription Widget kaise add kare.

Blog post email subscription Add karne ke liye diye gaye sabhi step ko follow kare.
Step 1. 
  1. Sabse Phale apne blogger account me login kare.
  2. Ab Dashboard ke theme per click kare.
  3. ab apko Edit HTML per click karna.
Step 2. 
  1. Ab templete per click karke CTRL+f dabaye.
  2. Ab Search box me <data:post.body/>  ko seach kare.
  3. Ab <data:post.body/>  ke niche diye gaye css code ko add kare.
  4. Add email subscribe widget css code in blogger templete
  5. Finally save tempelte per click kar de.


Blog post email subscription widget ka design.
email subscribe widget demo
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*====== CSS Horizontal Email Subscription Widget BY www.knigulper.com starts ======*/
.knigulper_form-wrapper {background-color:#29343B; background-image: url('https://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('https://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('https://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='https://feedburner.google.com/fb/a/mailverify' class='knigulper_form' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=blognetbook&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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==&apos;&apos;) {this.value=&apos;Name&apos;}' onfocus='javascript:if(this.value==&apos;Name&apos;) {this.value=&apos;&apos;;}' type='text' value='Name'/>
</div>
<div class='knigulper_element'>
<input class='knigulper_textinput' id='email' name='from' onblur='javascript:if(this.value==&apos;&apos;) {this.value=&apos;Email Address&apos;}' onfocus='javascript:if(this.value==&apos;Email Address&apos;) {this.value=&apos;&apos;;}' 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='http://www.knigulper.com/' target='_blank'>Knigulper</a>
</p></div>
</form>
</div>
<!-- HTML5 Horizontal Email Subscription Widget BY www.blognetbook.com Ends --></b:if>


Coustomize
  • Blue color ke feedburner username ke jagah per apne feed address add kare.
  • Agar pahle wale data post body per code work na kare dusre ya tisre code ke niche code k paste kar de.
  • Finally save templete per click kar de.
Ab apko blog post email subscription widget add ho chuka hai. yeah blog ke traffic increase karne ke liye best widget hai. Aur agar sidebar me subscribe widget add karna hai. to yah post pade sidebar me Blog post email subscription widget kaise add kare.




Asha karta hu apko pta chal gaya hoga. ki blog post email subscription widget kaise add karte hai. Agar apko hamara yeah article passand aye to social media per jarur share kare. aur hamare new article ke notification ke liye hamare newsletter ko subscribe kare.
Read most.
  1. top 5 blog contact us from with demo.
  2. 15 Most useful blogger widgets.
  3. how to add google translate widget in websites.

Share This Post On Soical Media:-
About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

Let's Get Connected:- Facebook | Twitter | Google Plus

Related Posts

0 comments: