Skip to main content

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

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.

Labels:

Comments

Post a Comment

Popular posts from this blog

How to increase backlinks in 2015? Free backlink builder

A backlink is one type of algorithm that refers to incoming links to your site or pages. Backlinks play significant role to improve your search engine ranking and get more audience. They help to earn good money from the internet. Today’s post I am introducing top 10 backlinks building sites in 2015. Many online websites allow you to build some backlinks for your site. Let us view the sites to create free backlinks Imtalk . Org Imtalk basically a forum and offers many tools. It submits your sites more than 2500 pages. It offers many worthy tools like site directory submitter, bookmarks page etc. Imtalk create pages on different sites with a backlink to your site. Freebacklinkcreator . Com It submits your site thousands of do follow backlink websites. It offers speedy backlinks to your blog or website. A2z-Seo-Backlinks.Com It is a powerful tool to submit your link on different sites. The great feature of this backlink generator is that it also ping your link to search eng
13 comments
Read more

10 Best Creative Domain Name Generator Tools

Domains are very significant part of a commercial enterprise and its branding. Attractive and easy domain name also helps to get huge traffic. If you want to create a new website or blog and do not have an idea about selecting a good domain name, then there is an easy solution to your problem. In this post, I describe 10 Best Creative Domain Generator Tools that help you to get ideas for your new domain. 1. NameBoy This is a worthy and reliable creative domain name generator tool. Thousands of people all over the world use NameBoy. Boy recommends you numerous domain name when you entered primary and secondary word of your domain. You can also find sold domain names by this generator. 2. DomainsBot DomainsBot an immediate and trusted domain name generator tools. It helps you to find the domains based on extensions. The main advantage is that you can check premium domains and free domain lookup to get owner’s information. 3. Dot-o-mator Dot-o-motor is much relating to NameBo
Post a Comment
Read more

How to Add Responsive Social Sharing Buttons for Mobile in Blog

Mobile phones and tablets become the great source of traffic for blogs and websites. Google also announced that mobile friendly sites are the key factor in search ranking. Google implies new mobile friendly search ranking policy to April 2015. Therefore, it becomes more important for every blogger or webmaster to make his/her sites mobile friendly for better ranking in search engines. After search engines, social media is the great source of traffic for blogs. Unfortunately, in blogger mobile views, social sharing buttons do not appear properly. Today I am showing a way How to Add Responsive Social Sharing Buttons for Mobile in Your Blog. How to add Social Sharing Buttons Go to AddThis and create a free account  Now login your account and go to the tool.  Scroll down, select mobile toolbar, and click on setup button  Now you can customize your mobile buttons according to your wishes like their color, positions follow, share buttons etc. (If you select follow buttons do not
2 comments
Read more