Today i have decided to share top Email Subscription Widget with Social Media for Blogger users, so that you can make your Subscribe Gadget more beautiful and more attractive with highly professional looking style. In previous post i was share a Professional Email Subscription Box for Blogger which is liked by many users. As you know that now a day Social Media Sharing are playing an important role for boost ranking of any website, Google is now also recommending Social Networking activities. Google says that without using those activities you cannot get success on SERP (Search Engine Result Pages), so you should use them properly, because Social Networking is the best way to spread your content among the internet world and it makes a source to boost your visitors. So by viewing those tactics in my mind i am going to introduce Top 4 Social Media Email Subscription Widget for Blogger. You must try those premium Gadgets on your website for best easy navigation.
Top Email Subscription Widget with Social Media for Blogger
I have searched on internet only for my readers and found those premium Gadgets as best after 4 to 5 hours. Social Media Rich features have been included in all below Email Subscribe Boxes, choose only that which perfectly suits to your site.
How to Add a Gadget in Blogspot
- Go to Blogger Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript
- Now copy one of your favorite Subscribe Box Code from the given below and paste it into HTML/JavaScript content box
- Now save your settings
Top 4 Social Media Subscribe Box for Blogger
I have described best 4 subscribe boxes with the rich qualities of social networks, so select one which fit to your website perfectly.
1# Blue Color Social Subscription WidgetThis is WordPress like subscribe email Gadget with major professional social networks icons such as Facebook, Twitter, Google+ and RSS Feed options which create an easy navigation for readers. By adding it your site will become more professional than before.
- Change all bloggercell with your own Feed Burner name
https://facebook.com/bloggercell"> https://twitter.com/bloggercellfans"> https://www.google.com/+Namcolians"> bloggercell"> Subscribe To Our Email Newsletter & Receive Updates Free
- Change "https://facebook.com/bloggercell" with your Facebook page
- Replace "https://twitter.com/bloggercellfans" with your Twitter ID
- Relpace "https://www.google.com/+Namcolians" with your own Google Plus ID
2# Stylish Email subscription form with Mouse Hover Feature
This is another best Subscribe Form mostly liked by many webmasters, i personally recommend you to use this box. Because it has well looking design with proper social sharing icons such as Facebook, LinkedIn, Twitter, Google+, Pinterest and RSS. It has mouse hover quality like shown in below screenshot.
.tbisubscribe {border: 1px solid #D3D3D3;padding: 8px;width: 345px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubscribe:hover {-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);}.tbimailbox {border: 1px solid #D3D3D3;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;color: #666;font: 14px "trebuchet ms", sans-serif;padding: 7px 15px;width: 200px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbimailbox:hover {-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubmit {font: bold 12px Tahoma, Geneva, sans-serif;font-style: normal;color: #ffffff;background: #ff5714;border: 0px solid #ffffff;text-shadow: 0px -1px 1px #222222;box-shadow: 2px 2px 5px #000000;-moz-box-shadow: 2px 2px 5px #000000;-webkit-box-shadow: 2px 2px 5px #000000;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;padding: 8px 15px;cursor: pointer;margin: 0 auto;}.tbisubmit:active {cursor: pointer;position: relative;top: 2px;}.tbisubmit::-moz-focus-inner {border: 0;padding: 0;margin: 0;}- Change bloggercell with your own Feed Burner nameGet Free Updates in your InboxFollow us:title='Follow us on Twitter'>title='Follow us on Google+'>'LinkedIn ID' rel='nofollow' target='_blank'title='Follow on LinkedIn'>Pin ID' rel='nofollow' target='_blank'title='Follow us on Pinterest'>title='Subscribe to RSS'>bloggercell">bloggercell?bg=FF9900&fg=444444&anim=1" height="26" style="border: 0;" width="88" />
- Change "FB URL" with your Facebook Page
- Change "TWITTER URL" with your Twitter ID
- Replace "GPlus URL" with Google Plus Page
- Replace "RSS URL" with RSS Feed Address
- Replace "LinkedIn URL" with LinkedIn ID
- Put your Pinterest ID in the place of "Pin ID"
3# Cute Email Subscription Gadget for Blogspot
This email subscribe widget has highly professional structure with WordPress Style. This is another best box for subscribing feeds having stunning qualities like it includes social icons with mouse hover quality as well as feed burner rss included in this pack.
- Change all "bloggercell" with your RSS Feeds Name', 'popupwindow', 'scrollbars=yes,width=70%,height=520');return true" class="login"> Sign up and receive our free Newsletter
bloggercell" name="uri" />
a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none;}a.tt span{ display: none; }a.tt:hover{ z-index:25; color: #aaaaff; background:;}a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(bubble.gif) no-repeat;}a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px;}a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912;}
::-moz-focus-inner { padding: 0; border: 0;}:-moz-placeholder { color: #bcc0c8 !important;}::-webkit-input-placeholder { color: #bcc0c8;}:-ms-input-placeholder { color: #bcc0c8 !important;}.input { font: 12px/20px "Lucida Grande", Verdana, sans-serif; color: #404040; background: #ebc9a2;}.input { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.login { padding: 18px 20px; width: 87%; background: #3f65b7; background-clip: padding-box; border: 1px solid #172b4e; border-bottom-color: #142647; border-radius: 5px; background-image: -webkit-radial-gradient(cover, #437dd6, #74868c); background-image: -moz-radial-gradient(cover, #437dd6, #74868c); background-image: -o-radial-gradient(cover, #437dd6, #74868c); background-image: radial-gradient(cover, #437dd6, #74868c); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);}.login-input { display: block; width: 90%; height: 37px; margin-bottom: 20px; padding: 0 9px; color: white; text-shadow: 0 1px black; background: #2b3e5d; border: 1px solid #15243b; border-top-color: #0d1827; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);}.login-input:focus { outline: 0; background-color: #32486d; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);}.lt-ie9 .login-input { line-height: 35px;}.login-submit { display: block; width: 40%; height: 27px; margin-bottom: 15px; font-size: 13px; line-height: 10px; font-weight: bold; color: #294779; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.3); background: #adcbfa; background-clip: padding-box; border: 1px solid #284473; border-bottom-color: #223b66; border-radius: 4px; cursor: pointer; background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed); background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15); float:left;}
.login-submit2 { margin-top:-7px; float:right;}.login-submit:active { background: #a4c2f3; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);}.login-help { text-align: center;}.login-help > a { font-size: 11px; color: #d4deef; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.4);}.login-help > a:hover { text-decoration: underline;}
#social-icons { margin-bottom:-20px; margin-left: 0px; height:50px; width:100%; clear:both; z-index: 2; position: relative;}.social-media-icons { display:table}.social-media-icons ul { text-align:center; padding:5px 5px 0 0 list-style-image:none; list-style-position:outside; list-style-type:none;}.social-media-icons ul { margin-bottom:0; padding:0;}.social-media-icons li.media_icon { margin-left:6px; padding-left:0 !important; background:none !important; display:inline; align:center;}.social-media-icons li:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(-360deg); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- Replace "FB Address" with your Facebook Page
- Change "Tweet. ID" with Twitter ID
- Replace "Gplus Page" with Google Plus Address
- Change "YouTube Channel" with YouTube Channel Address
- Replace "Linked Address" with Linked-In ID Address
4# Simple Subscription Form for Blogspot
This is simple but attractive reader subscribe form for blogspot webmasters. It has four famous major social sharing networking icons which helps your visitors to share your articles with their friends. It is light weight subscribe from having simple look. If you have clean design template with simple white style layout then you should use this gadget.
.sub-box{width: 280px;background: #fff;padding: 2px 5px 7px 7px;border: 0px solid #000;border-radius: 0px;}.sub-box:hover{border-style:dashed; 2px solid: #389af2;}.followlinks h1{font-family:Cabin Condensed;font-weight: bold;color: #000;padding: 0px 0px 2px 40px;;font-size:17px;}.followlinks ul{font-family:Cabin Condensed;font-weight: bold;}.followlinks ul li{float:left;width:90px;padding-left:40px;margin:0 0 0 5px !important;line-height:35px !important;}.followlinks ul li a{font-size:20px !important;text-decoration:none;font-weight:normal;}.followlinks ul li.otrss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP5YrZ4X7sE7IDMwxAY7JLLVTMyOInHkUVTPyAoc0cjwN_Att1kwY1r8SB5N48JXX-oMrPf2SEYs-Cv3yf_ewubcFm9l9BvsInjHzKtCo-zO2OxL172O3uzdOh7E5UXSlCDPkeToF-Trmi/s1600/rss-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otgoogleplus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgupIeTv9qGQ8I_0h80nLq9QcMtrs32Y8FQ3Te5z9xY5fj5MtG1W3eBtFoGTzIxBwOBxv4WQvMHUMJHoGWLXjSZUMnDSimHSLqh2Unu6Eg8r-9GYWOC41ij1yFnxo7J0g9D051_r4dP3o/s1600/googleplus-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.ottwitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_4W3L71F-3AopjjuQVW-vkFnPHZnVNXMQI1mYvuUnZKQ3GRVf7Nax8Gy-4UWfaJCvZelldAGtov1zZI9noh0r-00aZnZjbrTV42Q0WaXaXfntvynhFBbHcgbuQ8Hpnsmr1R8FKuZREbPV/s1600/twitter-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otfacebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYODhViYUWW7Js-faVHrcAvg5MfRCLC-LIAPc5D37T784Mmp1JusEC0jWv5rmlZvAQQu1w9XhL1QUgDLbGU0qydUPIEc96r2QiV3Dyn0R5saflLqWIyt0JwMLytGUdxTTM6ncK0MwNHC0/s1600/facebook-ot.png) no-repeat scroll left center transparent;}form.emailform{margin:5px 0 0;display:block;clear:both;}.emailtext{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmSKqYw__XDj5ZsOrfFVqJoxBqkqjMh8HHoTJ_fLLFHoGU0_v7dtTSM_Ahnk-tY2MMD1uXpvHQPJ0xS3HvuLBNJN-eZbg6p8wCaDI9bTxOfQoksfneOOHXNIhV7tQnie8EFjT4F2XUIDj/s1600/ot-mail.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;color:#444;font-weight:bold;text-decoration:none;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;width: 122px;}.emailtext:focus{outline: none;}.sub-button{color:#444;font-weight:bold;text-decoration:none;padding:6px 10px;border:1px solid #D3D3D3;cursor: pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;-goog-ms-border-radius: 5px;border-radius: 5px;background: #fbfbfb;background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}.sub-button:hover{background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);} WebFontConfig = { google: { families: [ 'Cabin+Condensed::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();
- Replace all "bloggercell" with your Feedburner ID
- Change "http://plus.google.com/107180022022034448282" with your Google Plus Page
- Replace "https://www.facebook.com/bloggercell" with your FB Page
- Change "http://twitter.com/bloggercellfans" with Twitter Username
Final Words
These are the best top Email Subscription Widget with Social Media for Blogger which i have shared with you guys. Hope you would like those Subscribe Widgets which are necessary for every website now a day. If you have any query in your mind then feel free to contact with me by writing your question or suggestion in below comment section.
Today i have decided to share top Email Subscription Widget with Social Media for Blogger users, so that you can make your Subscribe Gadget more beautiful and more attractive with highly professional looking style. In previous post i was share a Professional Email Subscription Box for Blogger which is liked by many users. As you know that now a day Social Media Sharing are playing an important role for boost ranking of any website, Google is now also recommending Social Networking activities. Google says that without using those activities you cannot get success on SERP (Search Engine Result Pages), so you should use them properly, because Social Networking is the best way to spread your content among the internet world and it makes a source to boost your visitors. So by viewing those tactics in my mind i am going to introduce Top 4 Social Media Email Subscription Widget for Blogger. You must try those premium Gadgets on your website for best easy navigation.
Top Email Subscription Widget with Social Media for Blogger
I have searched on internet only for my readers and found those premium Gadgets as best after 4 to 5 hours. Social Media Rich features have been included in all below Email Subscribe Boxes, choose only that which perfectly suits to your site.
How to Add a Gadget in Blogspot
- Go to Blogger Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript
- Now copy one of your favorite Subscribe Box Code from the given below and paste it into HTML/JavaScript content box
- Now save your settings
Top 4 Social Media Subscribe Box for Blogger
I have described best 4 subscribe boxes with the rich qualities of social networks, so select one which fit to your website perfectly.
1# Blue Color Social Subscription WidgetThis is WordPress like subscribe email Gadget with major professional social networks icons such as Facebook, Twitter, Google+ and RSS Feed options which create an easy navigation for readers. By adding it your site will become more professional than before.
- Change all bloggercell with your own Feed Burner name
https://facebook.com/bloggercell"> https://twitter.com/bloggercellfans"> https://www.google.com/+Namcolians"> bloggercell"> Subscribe To Our Email Newsletter & Receive Updates Free
- Change "https://facebook.com/bloggercell" with your Facebook page
- Replace "https://twitter.com/bloggercellfans" with your Twitter ID
- Relpace "https://www.google.com/+Namcolians" with your own Google Plus ID
2# Stylish Email subscription form with Mouse Hover Feature
This is another best Subscribe Form mostly liked by many webmasters, i personally recommend you to use this box. Because it has well looking design with proper social sharing icons such as Facebook, LinkedIn, Twitter, Google+, Pinterest and RSS. It has mouse hover quality like shown in below screenshot.
.tbisubscribe {border: 1px solid #D3D3D3;padding: 8px;width: 345px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubscribe:hover {-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);}.tbimailbox {border: 1px solid #D3D3D3;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;color: #666;font: 14px "trebuchet ms", sans-serif;padding: 7px 15px;width: 200px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbimailbox:hover {-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubmit {font: bold 12px Tahoma, Geneva, sans-serif;font-style: normal;color: #ffffff;background: #ff5714;border: 0px solid #ffffff;text-shadow: 0px -1px 1px #222222;box-shadow: 2px 2px 5px #000000;-moz-box-shadow: 2px 2px 5px #000000;-webkit-box-shadow: 2px 2px 5px #000000;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;padding: 8px 15px;cursor: pointer;margin: 0 auto;}.tbisubmit:active {cursor: pointer;position: relative;top: 2px;}.tbisubmit::-moz-focus-inner {border: 0;padding: 0;margin: 0;}- Change bloggercell with your own Feed Burner nameGet Free Updates in your InboxFollow us:title='Follow us on Twitter'>title='Follow us on Google+'>'LinkedIn ID' rel='nofollow' target='_blank'title='Follow on LinkedIn'>Pin ID' rel='nofollow' target='_blank'title='Follow us on Pinterest'>title='Subscribe to RSS'>bloggercell">bloggercell?bg=FF9900&fg=444444&anim=1" height="26" style="border: 0;" width="88" />
- Change "FB URL" with your Facebook Page
- Change "TWITTER URL" with your Twitter ID
- Replace "GPlus URL" with Google Plus Page
- Replace "RSS URL" with RSS Feed Address
- Replace "LinkedIn URL" with LinkedIn ID
- Put your Pinterest ID in the place of "Pin ID"
3# Cute Email Subscription Gadget for Blogspot
This email subscribe widget has highly professional structure with WordPress Style. This is another best box for subscribing feeds having stunning qualities like it includes social icons with mouse hover quality as well as feed burner rss included in this pack.
- Change all "bloggercell" with your RSS Feeds Name', 'popupwindow', 'scrollbars=yes,width=70%,height=520');return true" class="login"> Sign up and receive our free Newsletter
bloggercell" name="uri" />
a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none;}a.tt span{ display: none; }a.tt:hover{ z-index:25; color: #aaaaff; background:;}a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(bubble.gif) no-repeat;}a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px;}a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912;}
::-moz-focus-inner { padding: 0; border: 0;}:-moz-placeholder { color: #bcc0c8 !important;}::-webkit-input-placeholder { color: #bcc0c8;}:-ms-input-placeholder { color: #bcc0c8 !important;}.input { font: 12px/20px "Lucida Grande", Verdana, sans-serif; color: #404040; background: #ebc9a2;}.input { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.login { padding: 18px 20px; width: 87%; background: #3f65b7; background-clip: padding-box; border: 1px solid #172b4e; border-bottom-color: #142647; border-radius: 5px; background-image: -webkit-radial-gradient(cover, #437dd6, #74868c); background-image: -moz-radial-gradient(cover, #437dd6, #74868c); background-image: -o-radial-gradient(cover, #437dd6, #74868c); background-image: radial-gradient(cover, #437dd6, #74868c); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);}.login-input { display: block; width: 90%; height: 37px; margin-bottom: 20px; padding: 0 9px; color: white; text-shadow: 0 1px black; background: #2b3e5d; border: 1px solid #15243b; border-top-color: #0d1827; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);}.login-input:focus { outline: 0; background-color: #32486d; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);}.lt-ie9 .login-input { line-height: 35px;}.login-submit { display: block; width: 40%; height: 27px; margin-bottom: 15px; font-size: 13px; line-height: 10px; font-weight: bold; color: #294779; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.3); background: #adcbfa; background-clip: padding-box; border: 1px solid #284473; border-bottom-color: #223b66; border-radius: 4px; cursor: pointer; background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed); background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed); background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15); float:left;}
.login-submit2 { margin-top:-7px; float:right;}.login-submit:active { background: #a4c2f3; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);}.login-help { text-align: center;}.login-help > a { font-size: 11px; color: #d4deef; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.4);}.login-help > a:hover { text-decoration: underline;}
#social-icons { margin-bottom:-20px; margin-left: 0px; height:50px; width:100%; clear:both; z-index: 2; position: relative;}.social-media-icons { display:table}.social-media-icons ul { text-align:center; padding:5px 5px 0 0 list-style-image:none; list-style-position:outside; list-style-type:none;}.social-media-icons ul { margin-bottom:0; padding:0;}.social-media-icons li.media_icon { margin-left:6px; padding-left:0 !important; background:none !important; display:inline; align:center;}.social-media-icons li:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(-360deg); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- Replace "FB Address" with your Facebook Page
- Change "Tweet. ID" with Twitter ID
- Replace "Gplus Page" with Google Plus Address
- Change "YouTube Channel" with YouTube Channel Address
- Replace "Linked Address" with Linked-In ID Address
4# Simple Subscription Form for Blogspot
This is simple but attractive reader subscribe form for blogspot webmasters. It has four famous major social sharing networking icons which helps your visitors to share your articles with their friends. It is light weight subscribe from having simple look. If you have clean design template with simple white style layout then you should use this gadget.
.sub-box{width: 280px;background: #fff;padding: 2px 5px 7px 7px;border: 0px solid #000;border-radius: 0px;}.sub-box:hover{border-style:dashed; 2px solid: #389af2;}.followlinks h1{font-family:Cabin Condensed;font-weight: bold;color: #000;padding: 0px 0px 2px 40px;;font-size:17px;}.followlinks ul{font-family:Cabin Condensed;font-weight: bold;}.followlinks ul li{float:left;width:90px;padding-left:40px;margin:0 0 0 5px !important;line-height:35px !important;}.followlinks ul li a{font-size:20px !important;text-decoration:none;font-weight:normal;}.followlinks ul li.otrss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP5YrZ4X7sE7IDMwxAY7JLLVTMyOInHkUVTPyAoc0cjwN_Att1kwY1r8SB5N48JXX-oMrPf2SEYs-Cv3yf_ewubcFm9l9BvsInjHzKtCo-zO2OxL172O3uzdOh7E5UXSlCDPkeToF-Trmi/s1600/rss-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otgoogleplus{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgupIeTv9qGQ8I_0h80nLq9QcMtrs32Y8FQ3Te5z9xY5fj5MtG1W3eBtFoGTzIxBwOBxv4WQvMHUMJHoGWLXjSZUMnDSimHSLqh2Unu6Eg8r-9GYWOC41ij1yFnxo7J0g9D051_r4dP3o/s1600/googleplus-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.ottwitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_4W3L71F-3AopjjuQVW-vkFnPHZnVNXMQI1mYvuUnZKQ3GRVf7Nax8Gy-4UWfaJCvZelldAGtov1zZI9noh0r-00aZnZjbrTV42Q0WaXaXfntvynhFBbHcgbuQ8Hpnsmr1R8FKuZREbPV/s1600/twitter-ot.png) no-repeat scroll left center transparent;}.followlinks ul li.otfacebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYODhViYUWW7Js-faVHrcAvg5MfRCLC-LIAPc5D37T784Mmp1JusEC0jWv5rmlZvAQQu1w9XhL1QUgDLbGU0qydUPIEc96r2QiV3Dyn0R5saflLqWIyt0JwMLytGUdxTTM6ncK0MwNHC0/s1600/facebook-ot.png) no-repeat scroll left center transparent;}form.emailform{margin:5px 0 0;display:block;clear:both;}.emailtext{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmSKqYw__XDj5ZsOrfFVqJoxBqkqjMh8HHoTJ_fLLFHoGU0_v7dtTSM_Ahnk-tY2MMD1uXpvHQPJ0xS3HvuLBNJN-eZbg6p8wCaDI9bTxOfQoksfneOOHXNIhV7tQnie8EFjT4F2XUIDj/s1600/ot-mail.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;color:#444;font-weight:bold;text-decoration:none;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;width: 122px;}.emailtext:focus{outline: none;}.sub-button{color:#444;font-weight:bold;text-decoration:none;padding:6px 10px;border:1px solid #D3D3D3;cursor: pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;-goog-ms-border-radius: 5px;border-radius: 5px;background: #fbfbfb;background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}.sub-button:hover{background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);} WebFontConfig = { google: { families: [ 'Cabin+Condensed::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();
- Replace all "bloggercell" with your Feedburner ID
- Change "http://plus.google.com/107180022022034448282" with your Google Plus Page
- Replace "https://www.facebook.com/bloggercell" with your FB Page
- Change "http://twitter.com/bloggercellfans" with Twitter Username
Final Words
These are the best top Email Subscription Widget with Social Media for Blogger which i have shared with you guys. Hope you would like those Subscribe Widgets which are necessary for every website now a day. If you have any query in your mind then feel free to contact with me by writing your question or suggestion in below comment section.
No Comment