Tuesday, 9 December 2014

Create Your Own Social Media Widget


As use of Social Media is necessary for Bloggers Now a days. The one who wants to be a successful blogger needs social media. He has to made Facebook page, Twitter Account, Use Pinterest, Google+ and other social media websites. In short He has to use social media to Increase Traffic.
In this article I Will tell you how to make your own social media widget for your Blog.

Steps To Make Your Own Social Media Widget

1: Upload pics of your social Icon like Facebook, Twitter, Google+ etc. any where. For example you can upload it to your blog or can make some other blog for this purpose. You just need link of these pictures. To take link of picture just right click on it and click on "view image" and select the link of image and save it in note pad. Similarly upload all the social icons like twitter and Google plus and save their links.
You can simply copy links of images from somewhere but it should be social icon i.e size should be not too big.

2: Now go to Blogger → Layout and click on "Add a gadget". You should place Social Icon on side bar.

3: Click on  HTML/JavaScript Add to add widget code.

4: Paste the code given Below in the box content box.

#sidebar-subscribe-box{width:317px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(Background Image) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:0px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
a.social-icons{margin-right: 5px;height:50px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<a class="social-icons" href="https://www.facebook.com/graspinfo"><img src="http://3.bp.blogspot.com/-R_LOz03aji0/VBXnPhwslTI/AAAAAAAAFjg/DVMsq8jNCog/s1600/facebook.png" /></a>
<a class="social-icons" href="https://www.twitter.com/syyeddaud"><img src="http://2.bp.blogspot.com/-vSIymO8nWGc/VBXk5ExGT_I/AAAAAAAAFis/vmsnj3jYSeQ/s1600/twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/b/100089903872601786895/"><img src="http://4.bp.blogspot.com/-k-6TTril7o4/VBXmY32-mVI/AAAAAAAAFjU/TSDx2lixQ_s/s1600/google%2B.png" /></a>


  • Replace the links which is highlighted by Red color with the links of your Pages or profiles.
  • Replace the image link highlighted by purple color with the link which you have save in note pad.

5: Give title to this widget like "Meet us on social media" or any title you want and hit save.
You have done.

Feel free to ask and must like our page at facebook. https://www.facebook.com/Graspinfo

Written by

Dawood Bukhari is a young blogger and passionate researcher. He writes articles on bloggging,SEO,Hacking and Computer Technology Follow him @ Twitter | Facebook


Post a Comment


© 2013 Grasp Info. All rights resevered. Designed by Graspinfo

Back To Top