Tuesday, June 25, 2013
How To Add Subscription Widget With Social Sharing Buttons For Blogger
Posted by
Unknown
,
11:27 PM
The Social subscription widget is for the people who wants more genuine
readers and good fan following for them. Yes the Subscription widget is
an RSS type , which the people will enter their email and subscribe to
the updates of the blog. Whenever the user post new content they will
get the news on their email immediately.
The Subscription widget here is mix up of CSS and HTML, and it is flavored with the Social media icons too, which reduces the blog space too.
1) Go to the Blogger and sign in with your account
2) After going to your Dashboard, you can see this in your blog
3) Left to the view blog an arrow is there, after clicking this arrow we get the options like below
4) Now select the Layout Option as shown in above
5) Then Click the Add gadget and Select the HTML/Javascript
6) Now paste this code in that box
The Subscription widget here is mix up of CSS and HTML, and it is flavored with the Social media icons too, which reduces the blog space too.
1) Go to the Blogger and sign in with your account
2) After going to your Dashboard, you can see this in your blog
3) Left to the view blog an arrow is there, after clicking this arrow we get the options like below
4) Now select the Layout Option as shown in above
5) Then Click the Add gadget and Select the HTML/Javascript
6) Now paste this code in that 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/AVvXsEh3tIqVznvbmOdz93_2zmjEZc1FbwyUmv3L15SdxH73nQ5nkoBC3vZ588qVPBAZQGbsw8S9QL1T1Z8kh3MjmumFWRWoc7mxFeAUAlmyk7EdxnKnLlThUpppRlzJ67uAksXqYt1ThPVy8aU/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/AVvXsEgueJYVC7uKz-l5v7qDgmFJMWJJzzhMhL95oRP6v4XvvW1he4HjyvBWjwdRvmurworib761NwWnDvc1Gg1lR-sAUMt_oR1pTA68hzjer1h9uKYPxJW7a7qFLtH98h2DHwp7AKb8G7wvvyw/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/hubhacker"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVzDQWbSMylEHwhIz7b3Aa3vhGpXgDkt67b4LS1jIXIH_exXx7uBtOa8W5OA88c6yy6TWjIZU_k8sAH09KiUl-zuSRxZsa6xWjApD4LSPkE9A8nP0WcRAm01lUXP0TVkpwrXsuJahks_Qh/s1600/Bloggertrix-facebook.png" /></a> <a class="social-icons" href="https://twitter.com/hackerzgang"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLmTZx1clPSonE9kt9t3gkbrNNgmVr4gYD0-PzNLy3b6ERHMdqe2NKep1GklQqLdKw2C4DsLJmFXNN162iXXUhKOmNqxgHC6IWXtO77CVIJqOzGsa1buk2BFh7gwUmOMUjhur7dGxFo51r/s1600/bloggertrix-twitter.png" /></a> <a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ERyq-UewKsY3NNDVtyPf09WSWIDLlUCEK2J_p_Zd7hyHNBl2-tUu2z-kMP2mZloDTIAT-tvrU-YioPnvcgcAa1sic8fWlEYemHpZMqRqOwI3ze4TFD0EfZR_A26eNJgXF3e_jaK0avg6/s1600/Bloggertrix-Googleplus.png" /></a> <a class="social-icons" href="http://www.feedburner.com/cyberhax"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtyVl1rBhkpT7IVJTmw2QOTVyF-6XCp87733k8Fdkv7T545UMwE5GVgtqWZCdc8SBoEEq9YjsHu0umChoCpNtLvsxig-EtwEnv6HdomdFNh8qKRtHaXyFC0vkj3031UA1kNu4f1CnZxZL0/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=cyberhax" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cyberhax', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="cyberhax" /> <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 userid with the googleplus page of your blog
- Replace hubhacker with your facebook page of the blog
- Replace HACKERZGANG with your Twitter fan page of your blog
- Replace Cyberhax with your feedburner ID
Subscribe via Email
SHARE THIS POST
