Skip to main content

How to Add all in one subscription box to blog

How to Add all in one subscription box to blog
How to Add all in one subscription box to blog

All in one subscription box is very popular among bloggers to connect to social media. Every website or blog manages his or her social pages. All in one subscription box is very helpful to connect your all social pages in a single space. Moreover, it saves the space on your website or blog. In this post, I am providing you how to add subscription box.

Importance of social subscription box

Social subscription box contains the all important social media sites like, Facebook, Twitter, Pinterest, Google Plus etc. With it, your visitors easily follow your website or blog on social media. It helps you greatly increase your follwers. It provides great fame to your blog and always a handy practice to add a box on your blog.

Features of the all in one subscription box

  • It is a compact box and takes little space on your site.
  • Stylish and clean CSS design. 
  • All major social subscription sites at a single point like, Facebook, Twitter followers, Pineterst followers etc. 
  • Lightweight Java script and do not effect on your site’s speed.

Code for subscription box

<style type="text/css">
#wcsub-box
{
#wcsub-box
{
box-shadow:1px 1px 4px #dcdcdc;
-
-moz-box-box-shadow:1px 1px 4px #dcdcdc;
-
-web-kit-box-shadow:1px 1px 4px #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px #dcdcdc;
margin-bottom:70px;
height:264px;
}
#wc-
}
#wc-socico
{
height:33px;
border-bottom:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:2px;
background:#ffffff;
}
#wc-
}
#wc-socicoimg
{
height:28px;
width:28px;
}
#wc-
}
#wc-socico table
{
{
border:none;
}
#wc-
}
#wc-rscount
{
margin-top:2px;
margin-right:-25px;
}
#wcsub-box
}
#wcsub-box .wcsub-fblike { border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 5px; background:#fff;}
#wcsub-box
#wcsub-box .twitter-follow { background: #ffffff; border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; padding:5px 11px;}
#wcsub-box
#wcsub-box .wcsub-email {border: 1px solid #dcdcdc; background: #f8f8f8; padding:11px;}
#wcsub-box
#wcsub-box .wcsub-email h4{color: #444;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
#wcsub-box
#wcsub-box .wcsub-email .txt,#wcsub-box .wcsub-email .txt:focus{background:#fff; float:left; color:#777777; border:1px solid #dcdcdc; border-radius: 3px; padding: 7px 10px 8px; width: 140px;}
#wcsub-box
#wcsub-box .wcsub-email .wcsub-button,#wcsub-box .wcsub-email .wcsub-button:focus{background:#222222; border:1px solid #222222; color:#fff; border-radius: 3px; float: right; font-size: 12px; font-weight: bold; padding:7px 3px; }
#wcsub-box .wcsub-email
input, textarea {
font-family: Georgia, "Times New Roman", Times; font-size: 1em;}
</
</style>
<
<div id="wcsub-box">
<
<div class="wcsub-email">
<h4>Get FREE updates on your <a href="
<h4>Get FREE updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/DNSiYT" target="_blank" style="color:#3b5998;">Email</a> | <a href="http://feeds.feedburner.com/WindroidClubblog" target="_blank" style="color:orange;">RSS</a></h4>
<
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/DNSiYT', 'popupwindow',
'scrollbars=yes
'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<
<input name="email" onblur="if (this.value == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address')
{
{this.value = '';}" value="Enter your email address" class="txt" />
<
<input type="hidden" name="uri" value="WindroidClubblog" />
<
<input type="hidden" value="en_US" name="loc" />
<
<input type="submit" value="Subscribe" class="wcsub-button" />
<
<div style="clear:both;"></div>
</
</form>
</
</div>

<
<div id="wc-socico">
<
<table border="0" cellspacing="0" cellpadding="0" width="298">
<
<tbody>
<
<tr>
<
<td valign="top" ><a href='http://feeds.feedburner.com/blogspot/DNSiYT' target='_blank' rel=nofollow' ><img id="wc-socicoimg" src="http://3.bp.blogspot.com/-KjMedajdI2w/UTtUCEg5_zI/AAAAAAAABcQ/K3qUhvOTNrA/s1600/feed.png" alt="Subcribe to our RSS feeds" /></a></td>
<td valign="top" ><a href='
<td valign="top" ><a href='http://www.facebook.com//pages/Blog-Pedia/286468954810963' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-7_3aMhrvLq4/UTtUB9H5ZyI/AAAAAAAABcM/JjZGcP7r3_I/s1600/fbb.png" alt="Join Us on Facebook" /></a></td>
<td valign="top" ><a href='
<td valign="top" ><a href='https://plus.google.com/+shahidirfan100' target='_blank' rel='nofollow'><img src="http://4.bp.blogspot.com/-vnYX9pKHZCU/UTtUCWa3-HI/AAAAAAAABcU/Xi7l4YF136U/s1600/gpp.png" alt="Add to Circles" id="wc-socicoimg" /></a></td>
<
<td valign="top" ><a href='https://twitter.com/shahidirfan100' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-VXfOkCT43uI/UTtUEItlzyI/AAAAAAAABck/cvROEjW1Vx8/s1600/tww.png" alt="Follow us on Twitter" /></a></td>
<td valign="top" ><p id="wc-rscount"><a href="http://feeds.feedburner.com/
<td valign="top" ><p id="wc-rscount"><a href="http://feeds.feedburner.com/blogspot/DNSiYT" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/blogspot/DNSiYT?bg=222222&fg=ffffff&anim=0" height="26" width="88" style="border:0" alt="" /></a></p></td>
</tr></tbody></table>
</div>
<div class="wcsub-fblike">
<iframe src="//www.facebook.com/plugins/like.php? href=https://www.facebook.com/pages/Blog-Pedia/286468954810963?fref=ts &send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe><a href="https://www.facebook.com/pages/Blog-Pedia/286468954810963?ref=hl" target="_blank" rel="nofollow" style="color: #3B5998; font-family: arial; font-size: 18px; font-weight: bold; line-height: 20px;"> Like us on Facebook </a><div class="clear"></div>
</div>
<
<div class="twitter-follow">
<
<a href="https://twitter.com/shahidirfan100" class="twitter-follow-button">Follow @Windroidclub</a>
</
</div>
<
<div class="wcgplus">
<
<div class="g-plus" data-href="https://plus.google.com/+shahidirfan100" data-width="290" data-height="131" data-theme="light"></div>
</
</div>
</
</div>

Change the green colors according to your wishes. I hope you like this post

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

Top High Page Rank Dofollow Forums 2015 to Increase Backlinks

Quality backlinks are an important part of SEO (search engine optimization). They play a key role to increase your search engine ranking, Alexa ranking and brings quality traffic on your blogs. Every blogger strives to increase its backlinks to improve its presence in search engines. One thing to remember that a quality backlink has much importance on 1oo bad links. Now first we define what is a backlink? Backlinks, also known as incoming links, inbound links, inlinks, and inward links, are incoming links to a website or web page. In basic link terminology, a backlink is any link received by a web node (web page, directory, website, or top-level domain) from another web node. ( WikiPedia )  You can get quality backlinks from pro bloggers a number of ways, for example comment on posts, guest posts etc. Dofollow Forums 2015 First, I provide you 50+ High page rank dofollow comment blogs . Today, I am providing top high page rank dofollow forums 2015 to increase your b...
1 comment
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