Table Of Contents
Benefits of email subscriber widget
Email Subscribe widget increases your engagement with the audience. When anyone fills this box with her email he gets a notification by email when you write a new post. This why this widget is a must for every blog.
How it's work?
Many of yours have a question it's How it's work? It's fully remote by google FeedBurner you can make your own account on FeedBurner but on blogger, you got a default feed address. This way it's so easy to use on Blogger.
How to add an email subscribe widget
It's so easy to add a stylish email subscribe widget so let's talk about it. Fast copy the below code add on HTML/Javascript widget.
<div id="nubie-subox">
<svg style="height: 50px; display: block; margin: auto;" viewBox="0 0 60 60">
<path d="M28.5 4.75c-6.548 0-11.875 5.327-11.875 11.875S21.952 28.5 28.5 28.5c2.422 0 4.743-.715 6.712-2.066a1.186 1.186 0 1 0-1.345-1.957 9.441 9.441 0 0 1-5.367 1.648c-5.24 0-9.5-4.26-9.5-9.5 0-5.237 4.26-9.5 9.5-9.5s9.5 4.263 9.5 9.5v.931a2.067 2.067 0 0 1-2.064 2.064 2.067 2.067 0 0 1-2.066-2.064v-.931c0-2.96-2.408-5.37-5.37-5.37a5.377 5.377 0 0 0-5.37 5.37 5.375 5.375 0 0 0 5.37 5.37 5.329 5.329 0 0 0 3.933-1.743c.812 1.054 2.073 1.743 3.503 1.743a4.443 4.443 0 0 0 4.439-4.439v-.931c0-6.548-5.327-11.875-11.875-11.875zm0 14.87a3 3 0 0 1-2.995-2.995A3 3 0 0 1 28.5 13.63a3 3 0 0 1 2.995 2.995A3 3 0 0 1 28.5 19.62z" fill="#fff"></path>
<path d="M42.22 37.8a1.184 1.184 0 0 1-1.646-.33 1.187 1.187 0 0 1 .33-1.645l14.918-9.945-8.322-5.723V1.187C47.5.532 46.968 0 46.312 0H10.688C10.031 0 9.5.532 9.5 1.188v18.969L1.178 25.88l14.917 9.945A1.187 1.187 0 1 1 14.78 37.8L0 27.95V52.25C0 54.87 2.13 57 4.75 57h47.5c2.62 0 4.75-2.13 4.75-4.75V27.949L42.22 37.8zM11.875 2.376h33.25v28.5h-33.25v-28.5zm37.741 47.056c-.235.292-.58.444-.928.444-.262 0-.523-.083-.744-.259l-11.547-9.241H20.603L9.056 49.616a1.193 1.193 0 0 1-1.672-.185 1.188 1.188 0 0 1 .188-1.67l11.875-9.5a1.18 1.18 0 0 1 .74-.261h16.625c.271 0 .532.093.744.261l11.875 9.5a1.19 1.19 0 0 1 .185 1.67z" fill="#fff"></path>
</svg>
<p>Join our newsletter for the latest and greatest stuff!</p>
<div class="nubie-emailbox">
<form action="//feedburner.google.com/fb/a/mailverify" method="get" novalidate="" target="_blank" amp-novalidate="" class="i-amphtml-form">
<input name="uri" type="hidden" value="NubieAmp
"> <input name="loc" type="hidden" value="en_US"> <input aria-label="Add Your Email" autocomplete="off" class="emails user-valid valid" name="email" placeholder="myemail@mail.com" required="required" type="email"> <button aria-label="Subscribe" class="button-subs" type="submit" value="Subscribe"><svg style="width:16px;height:16px" viewBox="0 0 22 22"> <path d="M2,21L23,12L2,3V10L17,12L2,14V21Z" fill="#fff"></path> </svg></button> </form> </div> <div aria-hidden="true" class="amp-soc"> <a href="#" rel="nofollow noopener" target="_blank" title="Like Our Facebook"> <svg style="width: 34px;height: 34px;background: #3a579a;border-radius: 99em;padding: 5px;" viewBox="0 0 24 24"> <path d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z" fill="#ffffff"></path> </svg> </a> <a href="#" rel="nofollow noopener" target="_blank" title="Follow Our Instagram"> <svg style="width: 34px;height: 34px;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-radius: 99em;padding: 5px;" viewBox="0 0 24 24"> <path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" fill="#ffffff"></path> </svg> </a> <a href="#" rel="nofollow noopener" target="_blank" title="Follow This Site"> <svg style="width: 34px;height: 34px;background: #ff5722;border-radius: 99em;padding: 5px;" viewBox="0 0 24 24"> <path d="M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" fill="#ffffff"></path> </svg> </a> <a href="#" rel="nofollow noopener" target="_blank" title="Subscribe Our Channel"> <svg style="width: 34px;height: 34px;background: #ff0000;border-radius: 99em;padding: 5px;" viewBox="0 0 24 24"> <path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" fill="#ffffff"></path> </svg> </a> </div> </div> <style> /* Subcription Box */ #nubie-subox{text-align:center;padding:20px}#nubie-subox p{margin:15px 0;font-size:14px;text-align:center;color:#fff}.nubie-emailbox{position:relative;display:inline-block}.nubie-emailbox input.emails{width:100%;min-width:280px;margin:0;padding:14px;border:0;color:#222;background:#fff;outline:0;text-indent:10px;border-radius:99em}.nubie-emailbox button.button-subs{padding:9px 10px;border:0;color:#fff;right:5px;top:5px;position:absolute;line-height:1;font-weight:500;background-color:#2ed573;text-align:center;outline:none;cursor:pointer;border-radius:99em} .amp-soc{overflow:hidden;margin:20px auto 0 auto}.amp-soc svg{margin:0 3px} </style>
Final Word
If you successfully add this widget then consolation or if you face any problem then comment down below I am trying my best for the reply. Thanks for reading us.
0 comments