Sunday, December 7, 2014

Social Subscribe and Sharing Widget For Blogger

This social subscribe widget is clean and simple. keep your blog clean and simple look. because user can like to visit clean and good sites/blog. This social widget will be loaded very faster. and subscribe features is Facebook and Twitter follow button,s and Google Plus, RSS Feeds Button, email subscription box, this widget you can easy to add your blogger blogs, so lets see. 

1: Go to blogger >>>Layout >>>
2: Add a Gadget >>> Using HTML/JavaScript Widget >>>
3: Now copy below code and paste >>>HTML/JavaScript Widget >>>


<style>#sidebar-subscribe-box{width:285px;border:2px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url() repeat scroll 0 0 #ffffff;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">    <br/><a class="social-icons" href="https://facebook.com/mybloggertools"><img src="http://1.bp.blogspot.com/-A_V8QyvZ_ng/VHjqvDwZAsI/AAAAAAAAAYI/Yr3PWR0P8qA/s1600/fb.png" /></a><a class="social-icons" href="https://twitter.com/mybloggertools"><img src="http://3.bp.blogspot.com/-ff9tirH1iHM/VHjttE7qOaI/AAAAAAAAAYU/QTEx0sUPQiY/s1600/Twitter.png" /></a><a class="social-icons" href="https://plus.google.com/103611678617885891853"><img src="http://2.bp.blogspot.com/-STyVWXIiYZ4/VHjttGGi2NI/AAAAAAAAAYY/7xK8VEc_joM/s1600/gplus.png" /></a><a class="social-icons" href="http://feeds.feedburner.com/mybloggertools/SSCv"><img src="http://3.bp.blogspot.com/-7nNNSK7W1EA/VHjttN1JKuI/AAAAAAAAAYc/jkU9KuPZxA4/s1600/Rss.png" /></a><p>Subscribe Now !</p><form style="border:2px solid #ccc;padding:2px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=mybloggertools/SSCv', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:200px" name="email"/></p><input type="hidden" value="mybloggertools/SSCv" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p> <a href="https://feedburner.google.com" target="_blank"></a></p></form></div></div>

Just save your widget and view your blog, keep the widget in the sidebar, because this widget is used in sidebar. View your blog to see the new widget.

Now change the links with yours.

  • Change the White color MyBloggerTools to your Facebook Page name
  • Change the Blue Color MyBloggerTools to your twitter user name
  • Change The Red color Google+ link to your own
  • Change all three Orange Color MyBloggerTools to your Feedburner name
  • Change Yellow Color if you want to change your background color


Now after change the links save your widget and enjoy social widget on your blog.


Previous Post
Next Post

0 comments: