Stylish Social Sharing Widget With Email Subscription Box
A Blog is nothing without its subscribers,readers and visitors, Social sharing widget is very important if you want to make your site or a blog popular. More subscribers means more traffic and visitors and more traffic means more income and also high search engine rankings.
There are too many Widgets for this purpose but adding too many javascripts widgets make your blog slow and in result you lose your traffic and readers.
So today i share a Stylish Social Sharing Widget With Email Subscription Box with you people.It doesn't make your blog slow and loads fast.It takes small space of your blog.
Before We start...
See Demo
Stylish Social Sharing Widget With Email Subscription Box
Step 1
Go To Your Blog Layout
Click On Add Widget
Add HTML/JAVA Widget
Paste Below Code In It...
Instruction
Replace with your Facebook Username or Page
Replace with your Gmail Username
Replace with your Twitter Username
Replace with your Pinterest Username
Replace with your FeedBurner Id
Replace with your Blog/Site Url
Note
If you feel any problem regarding 'Stylish Social Sharing Widget With Email Subscription Box' feel free to comment below or contact us.
A Blog is nothing without its subscribers,readers and visitors, Social sharing widget is very important if you want to make your site or a blog popular. More subscribers means more traffic and visitors and more traffic means more income and also high search engine rankings.
There are too many Widgets for this purpose but adding too many javascripts widgets make your blog slow and in result you lose your traffic and readers.
So today i share a Stylish Social Sharing Widget With Email Subscription Box with you people.It doesn't make your blog slow and loads fast.It takes small space of your blog.
Before We start...
See Demo
Stylish Social Sharing Widget With Email Subscription Box
Step 1
Go To Your Blog Layout
Click On Add Widget
Add HTML/JAVA Widget
Paste Below Code In It...
<style>#socialwidget {border: 1px solid #ebebeb;width: 300px;}.TZ-social{padding: 10px 10px 10px 10px;border-bottom: 1px solid #ebebeb;}.TZ-social img:hover{opacity:0.8}.googleplus {background: #ffffff;border-top: 1px solid white;border-bottom: 1px solid #ebebeb;font-size: 12px;color: #000;padding: 9px 11px;ine-height: 1px;font-family: Verdana, Geneva, sans-serif;}.googleplus span {color: #000;font-size: 11px;position: absolute;margin: 9px 70px;width: 310px;}.g-plusone {float: left;}.twitter {background: #ffffff;border-bottom: 1px solid #ebebeb;padding: 10px;}.TZ {background: #ffffff;border-top: 1px solid white;font-size: 12px;color: #000;padding: 9px 11px;line-height: 1px;font-family: Verdana, Geneva, sans-serif;}.TZ span {color: #000;font-size: 11px;position: absolute;margin: -12px 100px;width: 310px;}#widgetbox .author-credit a {font-size: 10px;font-size: 10px;letter-spacing: 1px;color: #1E598E;text-decoration: none;}.email-subscribe-emailbox {padding: 5px 10px;font-family: "Arial","Helvetica",sans-serif;border-top: 0;border-image: initial;height: 42px;background: #EFF8FB;width: 280px;}.email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}.email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}.email-subscribe-emailbox input.emailu:focus {color: #333;}.email-subscribe-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}.email-subscribe-emailbox input.submitu:hover {text-decoration: none;}.TZDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}.TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}</style><div id="socialwidget"><!-- Begin Widget --><div class="TZ-social"><!-- social ico --><center><a style="margin-right: 10px;" href="http://facebook.com/f4uonlinecourses" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ-CurHu_fgEZ3JRX3_DMPVXRddDoUu-OrYiG4MJVzKpC07fQCXL7j4jpsM-kp7DflcR_XaK2WNm0vDMMC0erEc-fiKF9ALDatCE42bGrmCZRGndm3P1Fan2bH5-zuxHuy7p2ycmSkE_c/s1600/facebook.png" title='Facebook'/></a><a style="margin-right: 10px;" href="http://twitter.com/f4uonline" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMnyryVfI6ZbrsTbwnIQcBdG6cOSZ8g67O_MSDWVtPIFIVkgStyas496v7hTSaShkgQmjq2wGKSqiaMyqiRkHdwUqjJRoJXFmR0HIUWfzVY344pmG2DRTMS_NJ-rq6WE18nmv2COlueRc/s1600/twitter.png" title='Twitter'/></a><a style="margin-right: 10px;" rel="me" href="https://plus.google.com/108479529524557669415" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKQ9zlLXDea6W6ot4TyxexxSiAB2Yfhr1vPl_cZONVI1hrQNUVFXcjeW7mCNMhPqR4KL4y06Y_9UnQ0-341YmJZ4HcRh2f3TLeUso-OQHEDC2j_uU4CER1p4_8MPR6CUI_loDvaEXGPx0/s1600/gplus.png" title='Google Plus'/></a><a style="margin-right: 10px;" href="http://pinterest.com/username/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSCGz7sBu79-ovAfeCzM-f8caZFPL1sGQKgOtSTBIdh2jpkkSqXVTMDlPSuWlb33fkKbGmE07-uEwJiKyupzm_zB4EZa6yRUYh6wI3gzOD7vqBFyMLXkyyljXHFDof6ho4EWndomhREyk/s1600/pinterest.png" title='Pinterest'/></a><a style="margin-right: 10px;" href="http://feeds.feedburner.com/blogspot/bMHKM" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGX07XSnXYCbwMDUkGIibgVoXXXDbTXEaa-elra3jhWhTvwqvCymQ3pcGgaYJLOu9ddR-MhsdIQcNkrVFYPIq9aBVuftvHuv47rTw-ddgROhyudkyneqdP4kSI_fDhza6ZrHs2jgdayOs/s1600/rss.png" title='RSS Feed'/></a></center></div><div class="googleplus"><span><font><font>Recommend Us On Google </font></font></span><!-- GooglePlus --><!-- Place this tag where you want the 1 button to render --><g:plusone size="medium" href="http://www.f4uonlinecourses.com/"></g:plusone><!-- Place this render call where appropriate --><!-- Place this render call where appropriate --><script type="text/javascript">(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script></div><div class="TZ"><!-- facebook --><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Ff4uonlinecourses&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true"></iframe><span>Like Us On Facebook</span></div><div class="twitter"><!-- Twitter --><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=f4uonline&show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div><div class="email-subscribe-emailbox"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bMHKM', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow"><table width="100%"><tr><td><input class="emailu" name="email" placeholder="Enter your email..." type="text"/></td><td width="70px"><input class="submitu TZDefault" type="submit" value="Subscribe"/></td></tr></table><input name="uri" type="hidden" value="bMHKM"/><input name="loc" type="hidden" value="en_US"/></form></div><br/><!-- End Widget --></div>
Instruction
Replace with your Facebook Username or Page
Replace with your Gmail Username
Replace with your Twitter Username
Replace with your Pinterest Username
Replace with your FeedBurner Id
Replace with your Blog/Site Url
Note
If you feel any problem regarding 'Stylish Social Sharing Widget With Email Subscription Box' feel free to comment below or contact us.
great post, thanks for sharing :)
ReplyDeleteexchange links with www.faltu-community.com