I’m going to share pretty cool Premium Thesis Social Subscription widget with all of you. First of all see live demo below and go further:
Add Premium Thesis Social Subscription Widget
- Go To Your Blogger Dashboard
- Click On Layouts —> Add A Gadget —> HTML/Javasciprt
- Now Paste The Below Code In HTML/Javasciprt Box
<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/AVvXsEhfAIP0jjUcCQJaJ2c1MbGRHZACL3QmNBQb1wyKhjSvAL3bxNplJLHhnbA_0ib6xURvpm6fjZxcyBvUxGMUBxMw4G31Cf5a0ChZsdVe62vLdgjRkEm8F71683iKTAY6_pUhNoz3aXBjSAk/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/AVvXsEjpbW-tsVgmOutDyLivjFjhML-jLy5vm56y8Yl-GpyEtz3LKiHx45-grF5zkXsg9vsrnC7r6ERw3B9wVssq-a8fWj-feA9mFX824t14iGH8_PZQmBU2oJHn3wMiHldvmFHKNgwnjAonOCw/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://www.facebook.com/BlogsDaddy" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qN4Ezd9RT1LwNdmKExBmwvwT_Ord8JpV0dD_vjNHoPwBwZp5QCSmMF97PvqspOBaGa_lFB3T6t_J67wdoZ_AIEyd99vIx8LwGVj_3buPL1sZrGiLm5tVINDiz7vQXX7gMOeiXBCfWsxV/s1600/BlogsDaddy-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/BlogsDaddy"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBIFbgr6ezWCV5s39kcykrTaWBTrsxl9AKLtKh7RL3Gxwbi3VswlN2dA46HO7rdokp52chJVhvkwvmi7WZ9zjduvOS_3fTRbHbpUy3B6kABRKiZ6uwCCw7hmc9hf8yAbMJT7go945L9_q/s1600/BlogsDaddy-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/117100549673033253859"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSWQFRRodencgbQh0D7K-C2BcjjgyL5XT0R9vri9Xt3Gfhn1CyEkZ2xv7PCaD1NZaXfzealC5rVLlt2Nx7SFwr95PrYniBCAiwgy6zaLiRxVEtpAnyrhccYHqApJPotorHvwdhrcTd2mRo/s1600/BlogsDaddy-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/BlogsDaddy"
target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW20x-n7uHfD9EEXit7r7sIP3OBOUIvOobLYmL7oADwJIiyYtgj5kCRtG4GY22sB2ycz4lpHGvTsdl-8SXAbqWrCQiDZ_sQ7T_MMMr22MSYBUJTKONEXjabYroYYNuXNC61pZlLijmfigW/s1600/BlogsDaddy-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=BlogsDaddy" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogsDaddy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="BlogsDaddy" />
<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>
- Replace Highlighted Texts With Your Usernames or URL's
- Now Save The Widget and Its All Done
This one is good. if this is created by you then someone has copied it. oops. wanna know?
ReplyDeleteHello,
DeleteThis is created by us. May I know who copied this?
Thanks
Gagan
Hi Gagan I've used the same social subscription widget in my blog as you've used in this blog, but it's loading time is long, will you please suggest me how to reduce it's loading time ?
ReplyDeletemy blog url is www.employment-news.net
Hello,
DeleteI have visited your blog. I have seen the widget on your blog. Its a same as like my blog's widget. Yeah, its already CSS optimized widget. But this widget has Facebook, Twitter and Google+ scripts. So it is taking some time for loading. Its a normal. So, don't worry.
Thanks
Gagan