At blogger people always try to do something and want to decorate their blog beautifully with different widgets and different custom designs. Thus blogger is also customizable but i strongly recommend to keep your blog design as simple as possible. Because design also matter in terms of visitors. You need to give a little and some critical to design a blog. But make sure just add some professional widgets which is necessary for blog like popular post widget , Facebook like box and also add a Social Subscribe Widget. So in this post i have a great and Beautiful Social Subscribe Widget for you which can be easily added into your blog.
"Widget Look Like This"
This widget have some special features like Facebook follow button , Email Subscription box , Twitter follow button and Google+ Follow link. This widget have very attractive and great a look. Now its time to add this widget.
How To Add Beautiful Social Subscribe Widget For Blogger ?
- Goto blogger.
- Layout >> Add a Gadget >> Add an HTML/JavaScript Widget.
- Copy all the below code and paste it inside HTML/JavaScript Widget
<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/AVvXsEjGH8FN5X7WfsjaMxuFuwVjQbcd0TL8qixb59KWNlHmOYOmD5EYbWF6GSXDEXztQgBgTON2_Ud67xQmpO5gZu0518XDcteiU2K1i-77IYDcQOGUsDDmRqJVWDPEOV5v7ML0tFJMgTAK1sk/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/AVvXsEi5_TP_xEK3RIedLvd7YkTt0vsca9CLAVqWyvSKrlIz9YXFnHNNvvAP9M71ELQrg16A6Gb7EZ1NDgr1xyy6F1h4cyx5rl4FydIrCJW9_iPgS8XvWl_PG3RKuVpXVj6LyRp-OurxIlIFyGE/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” target=”blank” href=”https://www.facebook.com/truebloggingtricks“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMqyply7kTIRQskyDXjJ1iauPifyvGcTdyHIrjAadpJK27lQer3cb49nK6P54AbZvGEC7nBczcMJHyLBkTqsHZI0DPiEvPlTxWlyWxMzYwvLTJ3H1Hqgukk1aUDlCl7rS3QIoo6diZc7IP/s1600/Bloggertrix-facebook.png” /></a>
<a class=”social-icons” target=”blank” href=”https://twitter.com/haiderkhalil88“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqQk22vEZciuXeKquZ439k_nZcY7dWSIYnrEMGQ3zHhsbBVnQLAwaE9TsYN8SBftB-owHTAO74FYUIORc9Gm_v3ikuSwuooHQUM4F6ugjA-arRL0-IMvWw6wl_VIJg9-BH9ywpQ9-joYt/s1600/bloggertrix-twitter.png” /></a>
<a class=”social-icons” target=”blank” href=”https://plus.google.com/+HaiderKhanAkhunzada“><img src=”http://3.bp.blogspot.com/–KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png” /></a>
<a target=”blank” class=”social-icons” href=”http://www.feedburner.com/truebloggingtricks“><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZojp3wbOkaOggFpvc_xqPV4j-IkUjQUR7hIFHVLQ0WQeu-82I5Kh7SPAfi98d04dBgI7glpjKX1I5awcWR-9O1DlKFONglsX7s53CMwX-SgjW58B3Cn15SUcq5gxeBkT0NCIXD0BV-H5q/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=trueblggingtricks” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=truebloggingtricks‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”BestBloggersCafe” />
<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>
Customization
- Replace all highlighted colors with ID or username.
HOME
