BLENGOK: Subscribe Widget With Beautiful Social Media Profile For Blogger

Sunday, October 30, 2016

Subscribe Widget With Beautiful Social Media Profile For Blogger

A few days ago I published a tutorial about how can you add facebook page like box in your blogger or website to increase your fans like but now I am going to tell you about how you can add a Subscriber box with social media icon into your website or blogger blog without difficulty. This is a great widget for blogger blog and websites which is used to promote your fan page and definitely increase your like and also increase your subscriber.
So, follow these steps to add subscriber box
with social media icons in blogger.

Live Demo

Add Subscribe Widget With Social Media to Blogger:

Click on blog title in which you want to add This Subscriber box.

Go to layout and then click on Add a Gadget.

Select Html/JavaScript and paste the below code in it.

<style>
#KHsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#KHcounters {
   list-style: none;
   margin:0px;
   overflow: hidden;
   width:300px;
   padding:10px 0 40px 0;
    margin:10px 0 -60px 12px;
}
ul#KHcounters li {
   float:left;
   margin:0px 0px 5px 0px;
   width:auto;
   padding:0px;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;}
ul#KHcounters li a {
   display: block;
   height: 50px;
   margin-right: 0px;
   padding-top: 75px;
   text-align: center;
   text-decoration: none;
   width: 70px;
   text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
   font-weight: bold;
}
ul#KHcounters li:hover {
   opacity:0.6
}
ul#KHcounters li:last-child a{
   margin-right:0px;
}
ul#KHcounters #counter-rss {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LDGg6X3D_8MMHqh7u6YsvRFBzLXOK_K3vl5ZS99tG5FmFoiOvo_QkRX8o1NPbX2K7xNRfhAW_ajz3HLA-r5hs3eBs5IFMos_hyphenhyphenapc872c4Ge4ts44BPG-_96t8GAcOlZVDWxp_YLQ2U/s1600/KH-rss-counter.jpg) no-repeat
}
ul#KHcounters #counter-rss a {
   color:#cf6600
}
ul#KHcounters #counter-facebook {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbC3ryO8cv1uyPOEboqaf0sJPlr4yWBOSfYbnxwgEec31SYY2pl5PJll1fl97tFP8CuGuv3YREb9jE_J7BSIJkIdgeYLxP5AxZH4YKoUpAGf311bPBM8mLDpHBZkiWhoDuJhrGlcVYSo/s1600/KH-facebook-counter.jpg) no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#KHcounters #counter-twitter {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGFjinX2r2Fw9GXjwnTaUj1vKoY_6jD5-vrMWsGznAoGhXr-XUfacXDH2RZO2roVCXU1anyNzTk6Gd4n0ya7iRWmKBLlYz4X8l-rXWR5fVBMVNF1stXxdxpEiI6ERjor9V30R6AbvpKs/s1600/KH-twitter-counter.jpg) no-repeat
}
ul#KHcounters #counter-twitter a {
   color:#276ab6
}
ul#KHcounters #counter-google {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6WULfGNbDkADvJf72QbLWZK13Yc3fofwe8MTQi0yBMe1G34piff1TlwytExu_9APeMML3xLxCbPmmZC5mYcH5s5fpFWq5iMWqxRW26CMtCFXyE7DkhNCxDTtVkFiOjhhjIJLBbvrcdQ/s1600/KH-google-counter.jpg) no-repeat
}
ul#KHcounters #counter-google a {
   color:red
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"]{color:white;border:0px;text-transform:uppercase;font-size:11px;padding:13px;float:left;font-weight:bold;background-color:#2DA1EB;margin-left:100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="KHsocialcounters">
<ul id="KHcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/kutebkhana">100+</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/kutebkhana">250+</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/shakeelasghar">300+</a></li>
<li id="counter-google">
<a href="https://plus.google.com/u/0/116054827022382240041">300+</a></li>
</ul>
<div class="KHtextwidget">
<formaction="http://feedburner.google.com/fb/a/mailverify"method="post" onsubmit="window.open(http://feedburner.google.com/fb/a/mailverify?uri=kutebkhana, popupwindow,
scrollbars=yes,width=350,height=520);return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>For Latest news And Updates Sign Up</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="kutebkhana" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Sign Up" /></form></div><a href="http://kutebkhana.blogspot.com/2013/03/subscribe-widget-with-beautiful-social.html" style="margin-right: -50px;margin-top:
100px;font-size: 10px;">Grab This</a>
</div></center>

Customization!

Replace "kutebkhana" "kutebkhana" "shakeelasghar"and "116054827022382240041" with your own feed, facebook, twitter, and google plus ID.

Change 100+ 250+300+ 300+ according to your like and subscriber and then save the gadget.

You Are Done!

Enjoy keep visiting!

Note: After a week manually change Facebook like twitter follower, and subscriber.

if you have any question and any problems feel free write a comments.

Go to link download

download
alternative link download