How to Add Stylish All in One Social Subscribe Box Widget in Blogger

Now day’s social media are the integral part of blogging. Every blog has social sharing and follows buttons. With these buttons, your visitors easily share your posts on social sites and follow you with great ease. Today I am sharing with you Stylish All in One Social Subscribe Box Widget in Blogger. It is a very fancy and lightweight widget and does not affect the loading speed of your blog. Moreover, this widget does not take much space and cover all important follow buttons in a single space. You can view that the post design in a featured image.

Features of the Widget.

1. It is a very attractive widget and help you to increase your social media followers. It has following features. 
2. It is lightweight and does not effect on loading speed.
3. Very attractive and fancy design. 
4. You can reorder according to your wishes. 
5. Fully supported all browsers like Chrome, Firefox, and Internet Explorer etc. 

How To Install All in One Social Subscription Box?

1. It is no hard task; you can easily install this widget on your blog with below mentioned simple steps. 
2. Go to blogger dashboard and select your blog
3. Go to Template >>Edit HTML
4. In the template search for]]  ></bskin> and just above it past the below code. 
5. There is no need to any modification in the code, it easily adjust with your blog’s layout.

/* * blogpedia4u.blogspot.com All in one Social Subscription Box * --------------------------------------------------------*/-,- ,div.socialbox-mbl ul li,div.socialbox-mbl ul li p,div.socialbox-mbl ul li img,- p span,- a : none; : none; -style: normal; -weight: normal; : 0; : 0;}
- ,div.socialbox-mbl ul li{ -style: none;}
- a,div.socialbox-mbl ul li img{ : inline; : auto;}
- -button -align: center;}
--classic: #768a96;-family: Arial, Helvetica, sans-serif;-size: 14px;}
--classic : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeZqJzbWL2Kx4jcOUFjP8qJKv35AU8VgECs9xGn-98wp6ttvFQWKhb2s3K5AuoQLbXW31SN6QeofjyYZaiQgzswXDiB9_O0tmAbewfoYOuFtyjuTxqcmHtDSR3l_vrdKE4TSsyZlVGUZs/s1600/classic-background.png) repeat;: 1px solid #d8dcdf;--border-radius: 4px;--border-radius: 4px;-radius: 4px;--box-shadow: 0px 2px 4px #dfe4e7;--box-shadow: 0px 2px 4px #dfe4e7;-shadow: 0px 2px 4px #dfe4e7;: 0;: 0;}
--classic -image: none;-bottom: 1px solid #d8dcdf;: 40px;: hidden;: 19px 9px 0 9px;}
--classic last-child-bottom: none;} 
--classic img: none;-right: 10px;: left;}
--classic p: inline;: relative; -3px;} 
--classic p span: #425763;-weight: bold;}
--classic -button: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4OkpbgtatMXblQmiX-ci8URYFswknvgO1najr_uVogf8FKCYUMl7-65-bI9XCWwpwB_BBqCDIH7FeKALx5b5WXaYgoZf1f2ICPnXbXSrT0ILc73m3aWeAvSgbKaVQvn2exkW5hLd_D2k/s1600/classic-button.png) no-repeat;: 1px solid #d8dcdf;--border-radius: 3px;--border-radius: 3px;-radius: 3px;: #425763;: right;-size: 11px;-weight: bold;-height: 11px;: 6px 10px;: relative;-decoration: none;-transform: uppercase;: -4px;}
--classic -buttonhover: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4OkpbgtatMXblQmiX-ci8URYFswknvgO1najr_uVogf8FKCYUMl7-65-bI9XCWwpwB_BBqCDIH7FeKALx5b5WXaYgoZf1f2ICPnXbXSrT0ILc73m3aWeAvSgbKaVQvn2exkW5hLd_D2k/s1600/classic-button.png) 0 -27px no-repeat;}
--classic -buttonactive: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4OkpbgtatMXblQmiX-ci8URYFswknvgO1najr_uVogf8FKCYUMl7-65-bI9XCWwpwB_BBqCDIH7FeKALx5b5WXaYgoZf1f2ICPnXbXSrT0ILc73m3aWeAvSgbKaVQvn2exkW5hLd_D2k/s1600/classic-button.png) 0 -54px no-repeat

Now go to layout and add HTML/JavaScript Widget. In the box, paste the following code. 

<!—blogpedia4u.blogspot.com All in one Social Subscription Box>
<div class="socialbox-mbl mbl-classic" style="width: 300px !">

<>
 <>
<a href="https://www.facebook.com/blogpedia4u?ref=hl" title="Like on Facebook" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSY6pAj3c-8YjgNtoHR336v2DZv9iUaD6a30fmJA9IfY3MgjpO4oz83DdA9Slz8DiYnEMtJJFbQ7v6n0ojmR8aaUWkwxw24zq1bPrRarElKGE42qp9Eb1f4aQow6X8cNghuTXx_ABvGF0/s1600/facebook_16.png" alt="Facebook" />
</><span>3500</span> Fans</p><a href="http://www.facebook.com/blogpedia4u?ref=hl" class="-button" rel=""  title="Like on Facebook" target="_blank">Like</a>
</>

<>
< href="http://twitter.com/shahidirfan100" title="Follow on Twitter" rel=""  target="_blank">< src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZmKc5NItexKICOLN8Qa4Z02vOMoWg24IOrLLYr5fG2tLVvRZR8Sg6fDx4FkF0krkS9IaQ19JyTeoE4EjOGoGeHyuXlOvfqKW7trGmMbS83qriqq7us-WcqzfxGTlpxkvP6BDzO-DyPk/s1600/twitter.png" alt="Twitter" /></a><p><span>3432</span> Followers</p><a href="http://twitter.com/shahidirfan100" class="-button" rel=""  title="Follow on Twitter" target="_blank" >Follow</a>
</>
     
<>
< href="#" title="Subscribe to Channel" rel="" target="_blank">< src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZwS6rctdLLUcdnmRNWBltO-MuvjK8JGrLP4DcK8fzsRpd3k9S7OtxhKHg7srRaM1wqK_ddwocLV6BiZPKOPpVZWZkvHqY7ic1ASqdF0mvIZ3lNSom64gAslHfo0tv039OzatSLtkw6w/s1600/youtube_16.png" alt="YouTube" /></a><p><span>400</span> Subscribers</p><a href="#" rel="" class="-button" title="Subscribe to Channel" target="_blank" >Subscribe</a>
</>
 
<>
< href="http://pinterest.com/shahidirfan10" title="Follow on Pinterest" rel=""  target="_blank">< src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgST-5ASqJMt3-4evVqx-aidEosICdErJwc2hmRA19P2qoVsydu3wvCevPKaUxeiK4OK4BriyU3PfJZUo1pX-OpRJpn5qur2DOvfVINEbVyz-FjmfwAwF7hRWEQbTw8J_zJbZIBI9ETQQI/s1600/Pinterestmbl.png" alt="Pinterest" /></a><p><span>401</span> Followers</p><a href="http://pinterest.com/shahidirfan10" rel=""  class="-button" title="Follow on Pinterest" target="_blank" >Follow</a>
</>
   
<>
< href="https://plus.google.com/+shahidirfan100" title="Follow on Google+" rel="" target="_blank">< src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGa3refLshrls7uCrB3xRsWNnWVlctWK5fTJx91TV7-5eQwPXmt1OuyW2hnT2UD2KdyOMW-g0xW9NuHpfH46o5i5uki4tIyjPfQEhXyoPkI6aWJctPwKfyST7Q7GMq57kQeMoFMO_v3Y/s1600/Googleplusmbl.png" alt="Google+" /></a><p><span>1049</span> Followers</p><a href="https://plus.google.com/+shahidirfan100" rel=""  class="-button" title="Follow on Google+" target="_blank" >Follow</a>
</>

</>

</>
<-- End>

Customization

After installing gadget, change red links according to your desire and save it. Moreover, if you want to change the width of gadget, change it 300px to your desire settings. At last, I hope you like this post, if you like, please share it on social media with your friends.