S4Y Social Widget For Blogger
 |
| S4Y Social Widget |
Installation:
- First Go To Blogger
- Now Select Your Desire Blog
- Click On Layout
- Now Click On Add Gadget Then Select HTML/JAVASCRIPT
- Now Copy The Below Code And Paste In Your HTML/JAVASCRIPT Gadget.
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url() repeat scroll 0 0 #fff;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/AVvXsEh9tnthv17aUNcZXbMQJD-jj8vOuKemsjQUGwcpnruJOGXwBkpZpnw-UTFmfGpwrcKAIZg8c7L7-HkiCZEII0CCspN936ja7terzT_mLPNlPI39IGfcKDDpRctPjkuPgeA5PN9h5K3Ma54/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:deepskyblue;border:1px solid #000000;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:#000000}
.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/shees4you"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHD2r61zedvN1OWz9hvXAVNEEpAmUMrrJmgAT7hIJCLHvakBOexYthZqyZosc5fnxn4IcbrY6GZV-m8DW9VXNSjOyWNi3aGZ_t0AsaQtcZVQxG3mhnVljUKOGgua1mt77r-Gof5SnPvQ/s1600/Facebook+S4Y.png" /></a>
<a class="social-icons" href="https://twitter.com/shees4you"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyerp5ZYQcGI9OB4MAXK3nef6AVl7Y637ORHangn1aA0_qjRSwYZLQxLpoTNADFAU8QCmXCncKJ3h9QbM_6Hj7ddJapK_Nn8Yns5uAxJgKgvljarXKOAGwyJbehLCAjfTkEFJlh_GorGU/s1600/Twitter-S4Y.png" /></a>
<a class="social-icons" href="https://plus.google.com/101907043390142588285"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Ks_CtjsGx63qujM7pxj0mmv1ntjcN-7ux5IbDI7J48Hr44N3TpkO_hkGSaEoEPeYXIJozjC8f3JLi-d-vb_N9SL9rflxH54MWDwI4l6D9vfoIDHPgpyDv12eWvhMh5PQWrQwTwH0QI0/s1600/Googleplus-S4Y.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/shees4you"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVlAh_1Gd8qhIO_qHmBcr9OEAcz9ev17ENOV774ZbE34Ih1D-ugPAwtOBFOghlZOaA1QE_KnRsCE2atDIm7ziOj-KdScySizTfvaV8aDPjWfCs-_izDKeZ9btW50PgOgz89URSd2H_YY/s1600/Rss-S4Y.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=shees4you" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Shees4you', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="shees4you" />
<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: Shees4You With Your Facebook Page Name.
- Replace: Shees4You With Your Twitter UserName.
- Repace: 101907043390142588285 With Your Google+ ID URL.
- Repace: Shees4You With Your FeedBurner URL.
- Repace Both : Shees4You Shees4you WIth Your FeedBurner Name.
