Professional Social support at one time Widget for Blogger

2
74
Create widget free on blogger
Spread the love

At blogger.com, citizenry all the time try to beautify their blogs with attractively made widgets by dissimilar customised decorators. And thus, blogger blogs can easy be customised and stylised. But I’d recommend you to keep your blog as simple as potential, but beautiful too. Designing affairs a good deal in terms of visitants & income. You demand to give some all important clip to your blog design. And also make sure to add a few masters & necessary widgets such pop posts’ widget, Facebook like box plugin and subscribe now widget. So in that tutorial I’ve an expectant looking SUBSCRIBE NOW widget for you which you are able to easy add to your blogger blogs. It’s an awesome widget.

Create widget free on blogger

This widget is produced by only applying CSS3 properties and will be laded faster on any web browser. This subscribe now widget will acquit a few boasts like Facebook follow button, email subscription box, Twitter follow link & Google+ follow link, but the important matter in this widget is the design. So these design is all right a great & magnetic design. Now allows add this widget to blogger.

How to add subscribe to directly Widget in Blogger?

Adding this widget to your blog is something truly easily matter, just follow few given steps on a lower floor called for the quick add this widget to your blog:

Go to blogger >> Layout
Add a Gadget >> Add an HTML/JavaScript Widget
Now just copy all below code and paste it inside HTML/JavaScript Widget

#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}

.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/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(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/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://facebook.com/apnaypages“><img src=”http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png” /></a>

<a class=”social-icons” href=”https://twitter.com/apnaypages“><img src=”http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png” /></a>

<a class=”social-icons” href=”https://plus.google.com/u/0/b/104164873377000118057/+Apnaypagesdotcom/posts“><img src=”http://3.bp.blogspot.com/–KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png” /></a>

<a class=”social-icons” href=”http://www.feedburner.com/blogspot/qwzKq”><img src=”http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/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=apnaypages” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=apnaypages’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”bloggertrix” />

<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>

Just save your widget and view your blog, continue the widget in the sidebar, because this widget is applied in sidebar. View your blog to see the fresh widget.

Customization
A few general customization are called for for making this widget work absolutely for you. Just change the links with yours e.g.:

Change the Blue color apnaypages to your Facebook Page name
Change the Green Color apnaypages to your twitter user name
Change The Orange color Google+ link to your own
Change all three Red Color apnaypages to your Feedburner name
That’s all, save your widget and enjoy the great widget on your blog.

If no understand watch below video tutorial.


If you face any problem while adding this widget to your blog then kindly allow your comment below the post along with the problem you get, so I can help you further. Take Care.

SHARE
Previous articleAl Safi Danone Jobs
Next articleSubmit Blogger sitemap to Google
Sarwar Ahmed is web developer, online marketer,SEO expert, Video tutorial’s working for last 3 years on internet managing a successful websites. You can contact him via Email or on Facebook.
Sort by:   newest | oldest | most voted

Hello admin, i see your site needs fresh posts.
Daily updates will rank your website in google higher, content is king nowadays.
If you are to lazy to write unique posts everyday
you should search in google for:
Ightsero’s Essential Tool

Nobody can do a better job than you.

wpDiscuz