Beautiful and Adjustable Social Media HTML Widget For Your Blog/Website

Do you like this Blogger Theme? You can Download Here

Do you like this NetSocialBlog Blogger Emporio Theme?
With all of its designs, share buttons, related posts, gadgets, Adsense Middle ads Codes, SEO tags, Social Card and More! You can download this Custom emporio NetSocialBlog theme by >>Making One-Time Payment Here via Debit Card >>

Share this Post:

Visibility and Accessibility of a Social Profile Widget is very important and should be put into consideration when trying to Install the Social Follow buttons. This not only aid readers to easily follow up but they would also be able to enjoy blog updates straightly from your social networks.
In other case, Inability to consider and put to work this key features might cause an hitch in Social Connection and Interaction with You and Your Blog Readers.

 

After noticing that what can cause an hitch in getting More Social Subscribers for your blog is simply the "Visibility and Accessibilty" so i decided to introduce to you the "Beautiful and Adjustable Social Buttons (BASB) Widget".

Read - Your Blog Might Not Get 'More' Social Subscribers If You Didn't Solve This

More About The Beautiful Social Media Widget HTML Icons

The BASB Widget is a social follow buttons which is build up of simply HTML codes excluding a Single Javascript thus be rest assured that it wont affect your PageSpeed negatively.

The BASB widget is of two types which is ; The Vertical and Horizontal SIZE .


Advantages of Using The Beautiful and Adjustable Social Buttons (BASB) Widget

• No Special or Advanced Coding to Install the Widget (Just Copy and Paste of the Codes)
• Works on Any Browser and Devices.
• Can easily be *Adjust* To either become Bigger or Smaller
• Reliable, as the Icons are hosted with Google.

Disadvantages

*. No disadvantages detected so far.

How To Use the Widget
Step #1 - Copy the HTML Code of the One You'd Love to Choose and Paste in the HTML/JavaScript Widget in the Layout Section of Your Blog.

*. HTML Code For Vertjical BASB Widget

<center> <span style="font-style:italic;">Connect with us on</span></center> <br /> <center> <a href="http://www.facebook.com/netsocialblog" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdzm5BoFI4WX64YBdNHr40xlGbIS-5A7UCexlTl7OGQnoKHEG7EdvIw00tmA13cwWJ8eN6HiKyb9PYrx_dGg2Ag7TPBh4W4ur4DnvI1zvGk35sggFa9h3q2G2R6xn30Q2dPI1qeHlGFMKU/s320/fb-icon-758903.png" height="45" width="45" border="0" alt="facebook connect" /></a><br /> <a href="http://www.twitter.com/netsocialblog" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4w6H-8NLAkbaUc3dDLLA_WdvSHyeXLBFH9rhTb4gK5mXNjXbMjLqdcfxUVz5kDhWNfyenU_pqRc8d0h6YyJRljj8lZ5UbwffqbkOlGLNzSDR-EA7vFOyNKZoAwGEFgL3Fvx0p2AXEBaJ/s1600/Twitter-icon-763193.png" height="45" width="45" border="0" alt="twitter follow" /></a><br /> <a href="https://plus.google.com/+TuhamSanusi" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxxl12DKZB7xj4i-LVipvnPVeeJcqb8CqikkpKBWKda5d1j77xVY7_qwWQGNV_IUcqF4d7Zd-BWEgFGQz-lCfgE_Sj0v9sLy9NAe-OTnvlTuv6cpM9b2DYGOjNsA9fL7foamgvKRwTWbg/s320/Google-Plus-icon-765908.png" height="45" width="45" border="0" alt="googlePlus follow" /></a><br /> <a href="http://www.linkedin.com/in/tuhamworld" target='blank'><img src="https://lh3.googleusercontent.com/00APBMVQh3yraN704gKCeM63KzeQ-zHUi5wK6E9TjRQ26McyqYBt-zy__4i8GXDAfeys=w300" height="45" width="45" border="0" alt="Linkedin" /></a><br /> <a href="http://www.instagram.com/tuhamworld" target='blank'><img src="https://pbs.twimg.com/profile_images/786681705981673472/T5OKNZ1-.jpg" height="45" width="45" border="0" alt="instagram" /></a><br /> <br /> <a href="http://www.netsocialblog.com/2015/06/beautiful-and-adjustable-social-media.html" target='blank' rel="no follow"><center> <small>Get this</small></center> </a> </center>

HTML CODE For Horizontal BASB Widget

<center> <span style="font-style:italic;">Connect with us on</span></center> <br /> <center> <a href="http://www.facebook.com/netsocialblog" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdzm5BoFI4WX64YBdNHr40xlGbIS-5A7UCexlTl7OGQnoKHEG7EdvIw00tmA13cwWJ8eN6HiKyb9PYrx_dGg2Ag7TPBh4W4ur4DnvI1zvGk35sggFa9h3q2G2R6xn30Q2dPI1qeHlGFMKU/s320/fb-icon-758903.png" height="45" width="45" border="0" alt="facebook connect" /></a> <a href="http://www.twitter.com/netsocialblog" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4w6H-8NLAkbaUc3dDLLA_WdvSHyeXLBFH9rhTb4gK5mXNjXbMjLqdcfxUVz5kDhWNfyenU_pqRc8d0h6YyJRljj8lZ5UbwffqbkOlGLNzSDR-EA7vFOyNKZoAwGEFgL3Fvx0p2AXEBaJ/s1600/Twitter-icon-763193.png" height="45" width="45" border="0" alt="twitter follow" /></a> <a href="https://plus.google.com/+TuhamSanusi" target='blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxxl12DKZB7xj4i-LVipvnPVeeJcqb8CqikkpKBWKda5d1j77xVY7_qwWQGNV_IUcqF4d7Zd-BWEgFGQz-lCfgE_Sj0v9sLy9NAe-OTnvlTuv6cpM9b2DYGOjNsA9fL7foamgvKRwTWbg/s320/Google-Plus-icon-765908.png" height="45" width="45" border="0" alt="googlePlus follow" /></a> <a href="http://www.linkedin.com/in/tuhamworld" target='blank'><img src="https://lh3.googleusercontent.com/00APBMVQh3yraN704gKCeM63KzeQ-zHUi5wK6E9TjRQ26McyqYBt-zy__4i8GXDAfeys=w300" height="45" width="45" border="0" alt="Linkedin" /></a> <a href="http://www.instagram.com/tuhamworld" target='blank'><img src="https://pbs.twimg.com/profile_images/786681705981673472/T5OKNZ1-.jpg" height="45" width="45" border="0" alt="instagram" /></a><br /> <br /> <a href="http://www.netsocialblog.com/2015/06/beautiful-and-adjustable-social-media.html" target='blank' rel="no follow"><center> <small>Get this</small></center> </a> </center>

Step #2 - Once you've paste the code, change the social Links to that of your fanpage e.g http://facebook.com/Netsocialblog , Change the "Netsocialblog" to your Social Handle.

Step #3 (Optional) - Want to Change The Icons to become bigger or smaller, edit the height and width in numbers.
     Though these are the basic social network icons, if you want me to add another social icons to the above one. Do let me know via the comment box.

Share with friends:

• Share
• Tweet
• Share
• Pin It
• Share