Blog Ke Liye Best Social Following Box [ 2016 ]

Dosto Blogging Is Money Es Bath Se Me Sehemath (सेहमत) Hu Par Kab Jab Tumhare Blog Par Accha -Khasa Traffic ho- Traffic Yane Jabhi Search Engine Se Aane Wale visitor Jo Kisi Keyword ko Search Kar ke Direct tumhare Blog Ya Site Par Aaye hote hai ....to Dosto Humara Farz (फ़र्ज़) banata hai ! ki humare Visitor Ko Ekk Badhiya Facility de.Aur Unhe Fir se Aapne Blog par Laye aur Unke Dwra (द्वारा ) Apane Blog ya Site Ko Social Networking Site par Viral(फैलाए ) kare ! Dosto To Aaisa Tab Hi Hoga Jab Tumhare Blog Par Koe Social Sharing Widget Ho

Live DEMO

Yane Jabhi Visitor Tumhare Blog Par Aaye to Wo Aapna Manpasanat Article padhe Aur Share Kare ...ya wo Direct Tumhare Blog Se hi Tumhe Social Site Par New Update Ke Liye follow kare Dosto Ye Ekk Best Tarika Hai Jis se Hum humare blog ko Free Me Social Networking Site par viral ya Promote Kar sakte hai

Blogging ke Badhe Trend ko Dekh Kar Developers ya Programmer hur -Roz Naye -Naye Widgets Aur Blog templates Publish karte hai ! Usme Se Me tumhare Samane Ekk Social Sharing box Pesh ( पेश ) kar Rahi Hu , Jise Jillur Rahman Developer ne Banaya hai !

Esme Social Networking Site ko 1Ek Box me Ess Tarah Se Design kiya hai ki Koe Bhi Visitor direct Tumhare Blog Se Hi Tume Follow kare Jis me

Facebook Like Box
Twitter Following Box
Google Following Box
RSS Feed Box

Enn 4 Popular Site Ka Milan ( मिलान ) hai to Chalo Janate hai Aapne Blog Par Attractive Social Follower Box kaise Add Kare

Blog par Social Following Box Kaise Add kare

1)Blog me Login Lo > Blogger Dashboard > Layout > Add a Gadget > HTML/JavaScript

2) Jaise hi Tum Add a Gadget Par Click karoge Vaise Tumhare Samne Empty ( खाली ) Box Khulega Usme Niche Diya Hua Code Copy -Past Karo

<div id="buttons">

<div class="facebook button1">
    <i class="icon-facebook"></i>
    <div class="social-container fb">
        <div class="slide">
        <div class="facebook_c">
<iframe src="//www.facebook.com/plugins/like.php?href=http://www.facebook.com/about2pc&width&layout=button_count&action=like&show_faces=false&share=false&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:81px; height:21px;" allowtransparency="true"></iframe></div>
        </div>
         Facebook
    </div>
</div>

<div class="twitter button1">
    <i class="icon-twitter"></i>
    <div class="social-container tw">
        <div class="slide">
        <div class="twitter_c">
<a href="https://twitter.com/aryanvandre" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-via="mariuCSS"></a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </div></div>
         Twitter
    </div>
</div>

<div class="google button1">
    <i class="icon-google-plus"></i>
    <div class="social-container tw">
        <div class="slide">
<div class='google_c'>

<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>

<div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/+Aryanvandre" data-rel="publisher"></div></div>
        </div>
         Google+
    </div>
</div>

<div class="rss button1">
    <i class="icon-rss"></i>
    <div class="social-container tw">
        <div class="slide">
        <div class="rss_c">
<p><a href="http://feeds.feedburner.com/TntByStc" target='_blank'><img src="http://feeds.feedburner.com/~fc/about2pcFeed?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt="" /></a></p>
        </div>
        </div>
         Rss Feed
    </div>
<a style="font-size: 8px; position: absolute;" href="http://www.about2pc.com" rel="dofollow">Blogger Guiders</a> </div>
<style>
/*-----------------------------------------------------------------*/
/*----------------New Social Box by Blogger Guiders---------------*/
/*--------------------------------------------------------------*/
#buttons {
overflow: hidden;
}
.button1 {
background: none repeat scroll 0 0 #EEEEEE;
-moz-box-shadow: 0 1px 0 #FDFDFD inset;
-webkit-box-shadow: 0 1px 0 #FDFDFD inset;
box-shadow: 0 1px 0 #FDFDFD inset;
float: left;
margin: 0;
padding: 15px 0 0;
width: 149px;
}
.button1.facebook,.button1:hover.facebook .slide {
margin-right: 1px;
background: #3873ad;
}
.button1.google,.button1:hover.google .slide {
margin-right: 1px;
background: #f73c28;
}
.button1.twitter,.button1:hover.twitter .slide {
background: #62c6f8;
}
.button1.rss,.button1:hover.rss .slide {
background: #f18421;
}
.button1 i {
color: #FFFFFF;
display: block;
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
height: 40px;
line-height: 40px;
margin: 0 auto 2px;
text-align: center;
width: 40px;
border: 2px solid #fff;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.social-container {
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
height: 45px;
line-height: 45px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.slide, .button1 i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slide {
height: 45px;
position: absolute;
top: -35px;
width: 100%;
}
.icon-facebook:before {
content:"\f09a";
}
.icon-twitter:before {
content:"\f099";
}
.icon-google-plus:before {
content:"\f0d5";
}
.icon-rss:before {
content:"\f09e";
}
.slide:after {
border-left: 2px solid #EEEEEE;
bottom: 0;
content: "";
display: block;
height: 10px;
position: absolute;
width: 100%;
}
.button1:hover .slide {
top: 0;
}
.facebook_c {
position: relative;
top: 10px;
}
.twitter_c {
position: relative;
top: 10px;
}
.rss .IN-widget, .button1 iframe {
position: relative;
top: -5px;
}
.google_c {
position: relative;
top: 5px;
}
.rss_c {
position: relative;
top: 6px;
}
.twitter iframe {
width: 134px !important;
}
.google #___plusone_0 {
width: 60px !important;
}
.button1.rss {
margin-right: 0;
}
</style>

Abb Code me Thode Changes Karo jaise ki

http://www.facebook.com/about2pc ke yaha Aapne Facebook Page ka ID Dalo

http://www.twitter.com/Aryanvandre ke yaha Aapne twitter ACC ID Dalo

http://plus.google.com/+AryanVandre ke yaha Aapna Google ID Dalo

http://feeds.feedburner.com/~fc/about2pcfeed? ke yaha Aapna Feed ID Dalo

Now ! Save Your Setting in Hindi Save button par Click kar do Tumhare Blog Par Cool Social Following Box Add Ho jayega Jis ke badh Tumhare Blog Ko Char-Chand Lag Jayenge :)

Dosto Aap Programmer Ho to Ess Code ko Dekh kar Jan Gaye honge ki Esme kya -kaise -Aur -Kaha Code Kiya hai - to Aapne Anubhav (अनुभव ) Se Aap Code Me Changes Kar ke Ess Box Ko New look Bhi de Sakte ho :P Kher Aapko Humara Post kaise Laga Ye Hume Niche Comment Me Jaroor Bataye Aur Share kare kyu Ki Sharing Is Caring Na :)

TAGS

Blog kya hota hai -Free me Blog kaise banaye- Blog par Social Sharing button kaise lagaye-Free Blogging And Tips in hindi