Stylish Email Subscribe Widget For Blogger Website

1
125 views

Kya aap jante hai blog me stylish email subscribe widget kaise add kare. How to add stylish email subscribe widget on blog website. is post me ham is topic par baat karne wale hai.

Email subscribe widget blog ke liye kitna jaruri hai yeah apko pata hi hoga. website per traffic lane ke liye yeah ek useful tool hai. Jo bi Readers website per athe hai.

Are unhe hamare Article ache ache lage ho to email subscribe widget ke jariye newsletter ko subscribe kar lete hai. Are unhe Agle article ka notification mil jata hai. wo dubara hamare Blog per hajir ho jate hai. ji ha me Bat kar rha hu Best Email Subscription widget ki.

 

email subscribe widget

Is post me aapke Blog ke liye stylish  email Subscription widget For blogger ke liye hai. Isme Bahut hi badiya features are design ke bat ki jaye to bahut beautiful hai.

Blog website per yeah widget sabse popular hai. To chaliye Jante hai. stylish Email subscribe  widget blog me kaise add kare. Website ka traffic badhane ke liye.

How to Add Stylish Email Subscription Widget in blog website.

  • Simply niche diye Gaye sabhi step ko dayan se follow kare. a

 

Blog Me Stylish Email Subscribe Widget Kaise add kare

Step 1.

  1. Sabse pahle apne blogger account me Login kare.
  2. Ab blog Dashboard me per theme per click kare.
  3. Theme per click karne ke bad edit html per click kare.
  4. Ab search box me Type karke enter kar de Are ke niche diye Gaye css code ko capy karke paste kar de.

 

<link href=’https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css’ rel=’stylesheet’ type=’text/css’/> <link href=’//fonts.googleapis.com/css?family=PT+Sans:400,700′ rel=’stylesheet’ type=’text/css’/>

Step 2.

  • Ab fir se Search box me type karke enter kar de.
  • Ab ke uper niche diye gaye code ko add kar dijye.

    #subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;}
    .widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
    #subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
    .follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
    .follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
    .follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
    .follow-subscribe-social ul li:last-child{margin:0}
    .follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
    .follow-subscribe-social ul li a:hover{color:#fff}
    form.subscribe{margin-top:-7px}
    form.subscribe input{display:block;width:100%}
    .subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
    .subscribe-email:focus{outline:0}
    form.subscribe .placeholder{color:#cacaca}
    form.subscribe input:-ms-input-placeholder{color:#cacaca}
    form.subscribe input::-webkit-input-placeholder{color:#cacaca}
    form.subscribe input:-moz-placeholder{color:#fafafa}
    form.subscribe input::-moz-placeholder{color:#fafafa}
    .subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
    .subscribe-button:hover{background-color:#f1d640}
    .subscribe-button:focus{outline:0}
    .creadit a{color: #A7A6A6; float: right; font-size: 8px;}

     

  • Ab Templete ko save kar dijye.
  • Step 3.
  • Ab dubara apne dashboard per jaker Layout per click kar dijye.
  • Ab ap jha per bi left right top dawn me Email Subscribe widget ko add karna cahte hai. wha add Gadget per click kar de.
  • Ab html/javascript per click kare

Now simply niche diye gaye html code ko box me add karke Save kar de.

 

<div id=”subscribebox”>
<div class=”follow-subscribe-social”>
<ul>
<li><a href=”#enter your link“target=”_blank”><i class=”fa fa-facebook”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-twitter”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-linkedin”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-google”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-pinterest-p”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-dribbble”></i></a></li>
<li><a href=”#enter your link” target=”_blank”><i class=”fa fa-instagram”></i></a></li>
</ul>
</div>
<p>Subscribe to my Newsletter</p>
<form class=”subscribe” action=’https://feedburner.google.com/fb/a/mailverify?uri=enter your feed‘ method=’post’ onsubmit=’window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=enter your feed, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’enter your feed‘/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=”subscribe-email” type=’text’ name=’email’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}’ onfocus=’if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}’ value=’Your Email’/>
<input class=”subscribe-button” type=”submit” value=”Subscribe” />
</form>
</div>
<div class=”creadit”>
<a href=”https://blognetbook.com” rel=”dofollow” target=”_blank”> Get This Widget</a></div>

Customization :- 

  • Read color ke text Enter your text me ke jagah apne social media ke link add kare.
  • Are Enter Your Feed ke jagah apne blog ki feed add kare.

Finally Ab stylish Email subscribe widget blog me add ho chuka hai. Agar email subscribe widget add karne me khoi bi problem aye to hame comment karke bataye.

Are agar apko stylish email subscribe widget article se kuch fayda ho to social media per jarur share kare.

Are agar hamre article ke notiption apne email per chate hai. to Hamare newsletter ko subscribe kare.

Popular Posts :- 

15

  1. It's perfect time to make some plans for the future and it is time to be
    happy. I have read this post and if I could I wish to suggest you few interesting things or suggestions.
    Perhaps you can write next articles referring to this article.
    I want to read more things about it!

LEAVE A REPLY

Please enter your comment!
Please enter your name here