Subscribe Widget - Mix Blogging

Notifikasi

“We become extremely vulnerable to the ones that love us, we believe in what they say, we believe in their faith held next to us. It’s law of attraction to become who your surrounded by, so instead of focusing of changing another, find some one suitable to your soul.” ― Nikki Rowe

|

Home › Subscription box › Subscription Widget › Subscribe Widget

Subscribe Widget

Posted by : TheCode-X

Friday, 28 February 2014

- Add Comment

I can tell you that this is a very beautiful widget, has almost everything for one pro blog. You have all options to Subscribe, plus email. The design is great, minimalism and it is still the best solution. We all love those shiny widgets but why if this one has the same function and this is just great. See how it looks and how to install it.

DEMO

See Also: - Stylish Rss Feed Subscription Box For Blogger

<style>#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}  .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70qPoy6B3EyJzRBOUnQAVDdlqLwNkHrKYxexA0-p5OcgaYlDs8e4fH-1pEi-0VjzFcjuDvJwuwLi4F8i5TXsQfsqX07mwN4bqVaYrb6lKYQPVEbwCojOV0D72nG8KKj37IWFSQvWcZEk/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}  .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}  .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0sAzgdzA__OdGlrR85LJHRrylAdc2E9Caqwmy4t_4WhvIKze4YDeWlSIM6Djz7HZJkkA7YVGJ0iHq3LWr8_YwaZNfTGU0OpgInnL937j1vElK8oqk8tJewpKFxrFe_wcNNKCiB4mKW7s/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}  .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}  .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}  .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}  #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%} a.social-icons{margin-right: 5px;height:45px;width:45px;} a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);} </style> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">    <br/><a class="social-icons" href="https://facebook.com/YOUR-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidT7jf6Getf5xdWhxeuiCAgkz-pqsMazKcOFikHX7pd4H-BNipVXS0WEEmDKQeT98aDPJT1ZPwOsLT10Z2jQ_Me3aYgzDkPXJ1F1MZYedQtWc3MUc0AtOmMLpojHH_skUNUkqpjQl63LdK/s1600/Bloggertrix-facebook.png" /></a><a class="social-icons" href="https://twitter.com/YOUR-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBV3Xarsvkxj-brgJ7LW9-Em9zMroLt1aCfhzzMoYqG-yV3g6Tj6svHl_IOKLq2fkAaYEcb18MLX1_fZuI42_f1PgbxyG3IkcKhhyphenhyphenilVrHpuLTIQqyCzuzGTVKaUHWocvtD7EtuSxA4pM0/s1600/bloggertrix-twitter.png" /></a><a class="social-icons" href="https://plus.google.com/YOUR-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNM5V_VW_sfUFVrQDn1QM1y9JiMPWIQ01HjbdUGS4iB0MWE1868lMg9sJP92-Oh1SJhKGIr6kea4WwoEaay8nxJDBDK2sAi9ilM4aiP2C2LXrRT8fVzqVDvwlVdYaT_LRDo4X8N-HUfoiV/s1600/Bloggertrix-Googleplus.png" /></a><a class="social-icons"  href="http://www.feedburner.com/YOUR-URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIz8fvwRjHedrVAvgCvLTven4qqgkQ1WQQ5qIbiByxw6hyphenhyphenYhL4q-ck9AgbYMIINWXFCaYLywnYAzX9WHBBoO7GEV-6NRIELH3TW-d_bDnrRgij9FSr3Mkv_uzD6c3E51ov2PFZdNcfrWK/s1600/Bloggertrix-Rss.png" /></a><p>Subscribe To Our Email Newsletter & Receive Updates Free</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=YOUR-URL" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-URL', 'popupwindow', 'scrollbars=yes,width=450,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>

Go to layout-->Add a gadget-->HTML/JavaScript and put above code in it.

Change YOUR-URL with yours and that's all.

Save template and happy blogging.

Mix-R

Mix-R

"Myths, legends and stories are the signposts previous generations have left us so we don’t have to figure out our own personal journey in solitude!"

Disqus CommentsLoadHide