10 Awsome Stylish Follow us Button on Blogger Blogspost

Social follow us widget keya hai
Kaise  add kare
Kyu add kare

Blogger blog me social widget kaise add kare logo
Helle friends aaj ke is post me humne social follow button widget add karne ke बारे मे बताया है

Internet पर एेसी कोई वेबसाइट या ब्लॉग नही होगा jisme social follow button nhi hoga website ho ya blog sabhi me social follow button hoga hi hoga

Blog ho ya website. Social button se website ke traffic kafi sahayata hoti hai visitor ko agar koi post pasand aajaye or WO post ko social media pr sharekarna चाहेगा kyuki aaj ke समय मे  social media sabse jayda popular hai or is karan she hame blog website pr social media share button add karna parta hai वैसे तो bahut sare template me social share button widget hote hai but aisi bahut sare template bhi hai jinme social share button nhi hote hai or isliye hame social share button karna पड़ता है

Maine iss me 5 code diya है 

To chaliye shuru karte hai social follow button widget kaise add karte hai
[ NOTE ;  isme bataye gaye code sabhi html java/Script hai or isse add karne ka trika bhi ek hi hai]
Sabse  pahle  Jo code ko blog me add karna hai usse copy kare

                       Code (1)

Awesome stylish social follow us code 1
—————————————

<style>
/* Social Counter
--------------------------------------*/<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix"><li><a href="#!" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li><li><a href="#!" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li><li><a href="#!" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li><li><a href="#!" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li></ul></div> <style> .kt-social-buttons-widget ul { list-style: none; padding-left: 0; } .kt-social-buttons-widget li a { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; display: block; color:#fff; padding: 10px 1px 10px 10px; } .kt-social-buttons-widget ul li { width: 100%; margin-bottom: 10px; } .kt-social-buttons-widget li a.social-btn-twitter { background: #1da1f2; } .kt-social-buttons-widget li a i { float: right; width: 35px; height: 14px; line-height: 14px; text-align: ; margin: 0; padding: 0 0 0 10px; font-size: 14px; } .kt-social-buttons-widget li a i { border-left: 1px solid #fff; line-height: 14px; } .kt-social-buttons-widget li a.social-btn-facebook { background: #3b5998; } .kt-social-buttons-widget li a.social-btn-youtube { background: #cd201f; } .kt-social-buttons-widget li a.social-btn-instagram { background: #405de6; } .kt-social-buttons-widget li:hover a { background:#FE7549; } </style>

••••••••••••••••••••••••••••••••••••



                      Code 2

Social follow us code 2

💓💓💓💓💓💓💓💓💓💓

<style>
/* Social Counter
--------------------------------------*/
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
#sidebar .widget {
margin-bottom: 35px;
}
a.social_item {
position: relative;
display: block;
height: 60px;
line-height: 60px;
overflow: hidden;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 60px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style>
<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">230,000</span></a></li></ul></div>

💓💓💓💓💓💓💓💓💓💓


                Code [3]
     Stylish awesome social follow us widget Kaise add kare

👇👇👇👇👇👇👇👇👇👇👇

<style>
/* Social Counter
--------------------------------------*/<style> #smisocialicons { text-align: center; } #smisocialicons a { background: #0000FF; color: #FFFFFF; display: inline-block; font-size: 16px; width: 30px; height: 30px; line-height: 30px; margin: 0 1px 8px; } #smiicons a:hover{ background: #hover-color; } </style> <div id="smisocialicons"> <a href="https://m.facebook.com/HindivHelp/" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a> <a href="https://plus.google.com/collection/Mqq_jB" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a> <a href="https://twitter.com/@HindivHelp/" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a> <a href="https://in.pinterest.com/HindivHelp/" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a> <a href="https://www.instagram.com/HindivHelp/" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a> <a href="https://www.youtube.com/user/HindivHelp/" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a> <a href="http://HindivHelp.tumblr.com/" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a> <a href="http://feeds.feedburner.com/HindivHelp/" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a> </div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

👆👆👆👆👆👆👆👆👆👆👆👆
     

ये भी पढ़े..  Facebook Comment box Plugin Blogger me kaise install kare

          Code 4

follow us code 4


<style>
/* Social Counter
--------------------------------------*/
<div class="trendy_counters"><ul class="sc_vertical"><li class="count-twitter"><a data-color-hover="#0084b4" style="background-color: rgb(51, 204, 255); padding: 10px;" class="icon" href="https://twitter.com/trendy_theme"><span class="fa fa-fw fa-twitter" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">114</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-googleplus"><a data-color-hover="#dc493c" style="background-color:#dc493c; padding:10px;" class="icon" href="https://plus.google.com/"><span class="fa fa-fw fa-google-plus" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-facebook"><a data-color-hover="#5E80BF" style="background-color:#3B5998; padding:10px;" class="icon" href="https://www.facebook.com/"><span class="fa fa-fw fa-facebook-official" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">likes</span></span></a></li><li class="count-vimeo"><a data-color-hover="#0088cc" style="background-color:#00adef; padding:10px;" class="icon" href="https://vimeo.com/"><span class="fa fa-fw fa-vimeo" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li><li class="count-youtube"><a data-color-hover="#90030c" style="background-color:#bf2626; padding:10px;" class="icon" href=""><span class="fa fa-fw fa-youtube" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">0</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">subscribers</span></span></a></li><li class="count-instagram"><a data-color-hover="#8a3ab9" style="background-color:#cd486b; padding:10px;" class="icon" href="https://instagram.com/nayon07"><span class="fa fa-fw fa-instagram" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">266</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li></ul></div>
<style>
.trendy_counters:after {
clear: both;
content: '';
display: block;
}
.trendy_counters ul {
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
.trendy_counters ul li {
text-align: center;
background: #f9f9f9;
}
.trendy_counters ul li a {
padding: 10px;
}
.trendy-counters-per-row-2 ul li {
width: 50%;
float: left;
}
.trendy-counters-per-row-3 ul li {
width: 33.333%;
float: left;
}
.trendy-counters-per-row-4 ul li {
width: 25%;
float: left;
}
.sc_vertical a, .sc_vertical span:not(.fa) {
display: block;
text-align: center
}
.sc_horizontal a {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.sc_horizontal span {
margin-right: 3px;
}
.show-labels-No .label {
display: none !important;
}
.trendy-counters-icons-order {
padding: 10px;
background: #f6f6f6;
}
.trendy-counters-icons-order div {
background: #eaeaea;
display: inline-block;
margin-right: 5px;
padding: 10px;
}
.trendy-counters-icons-order div:hover {
cursor: move;
}
mark.yes {
padding: 5px;
background: #81d742;
color: #fff
}
.trendy_counters ul li {
text-align: center;
background: #f9f9f9;
width: 33%;
float: left;
padding: 0;
}
</style>


🔛🔛🔛🔛🔛🔛🔛🔛🔛

          Code [ 5 ]

 
follow us code 5
<div class="social-counter-man">

      <a class="count facebook" href="#">
        <div class="icon"><i class="fa fa-facebook"></i></div>
        <p><span>34.2k</span> likes</p>
        <p class="action-btn">Like</p>
      </a>
      
      
    
      <!-- TWITTER -->
      <a class="count twitter" href="#">
        <div class="icon"><i class="fa fa-twitter"></i></div>
        <p><span>28.6k</span> followers</p>
        <p class="action-btn">Follow</p>
      </a>
      
      <!-- YOUTUBE -->
      <a class="count youtube" href="#">
        <div class="icon"><i class="fa fa-youtube"></i></div>
        <p><span>8.6k</span> subs</p>
        <p class="action-btn">Subscribe</p>
      </a>

      <!-- GOOGLE PLUS -->
      <a class="count google-plus" href="#">
        <div class="icon"><i class="fa fa-google-plus"></i></div>
        <p><span>17.3k</span> followers</p>
        <p class="action-btn">+1</p>
      </a>

      <!-- INSTAGRAM -->
     

     
    </div>
<style>
.social-counter-man{
  padding: 0;
  display: block;
}

.count{
  display: block;
  padding: 7px 0;
  text-align: left;
  transition: all 0.5s ease;
}

.count:hover{
  background: rgba(0,0,0,0.033);
  transform: scale(1.065);
}

.count .icon{
  background: #aaa;
  display: inline-block;
  float: left;
  color: white;
  font-size: 22px;
  margin-left: 5px;
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-shadow: 0 0 3px rgba(0,0,0,0.2);
  display: table;
}
.count .icon i{
  display: table-cell;
  vertical-align: middle;
}

.count p{
  display: inline-block;
  font-size: 13px;
  color: #ececec;
  margin: 11px;
}
.count p span{
  color: #1c1c1c;
  font-size: 18px;
  font-weight: bold;
  padding-right: 2px;
}

.count .action-btn{
  float: right;
  display: inline-block;
  background: #aaa;
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 14px;
  margin: 11px;
}

/*== COLORS ==*/
.facebook .icon{background:#3b5999;}
.facebook .action-btn{background:#3b5999;}
.facebook .icon i{padding-top:2px;}

.twitter .icon{background:#55acee;}
.twitter .action-btn{background:#55acee;}
.twitter .icon i{padding-top:2px;}

.youtube .icon{background:#cd201f;}
.youtube .action-btn{background:#cd201f;}
.youtube .icon i{font-size:24px}

.google-plus .icon{background:#dd4b39;}
.google-plus .action-btn{background:#dd4b39;}
.google-plus .icon i{font-size: 18px; padding-top: 1px;}

.instagram .icon{background:#e4405f;}
.instagram .action-btn{background:#e4405f;}


.rss .icon{background:#f57d00;}
.rss .action-btn{background:#f57d00;}


.social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}


.social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}


.social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}


.social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}


.social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}

.social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}

.social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}

.social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}

.social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}

.social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}

.social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}


.social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}


.social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}


.social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}


.social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}


.social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}
.behance .icon i{font-size:18px;}


.social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}


.social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}
.snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}

.snapchat .action-btn{text-shadow: 0 0 1px black}
</style>

Code 6

Social Media follow us button code

<div class=’gvusion-socials-icons mom socials-widget’> <ul> <li class=’facebook’><a href=’#’ rel=’nofollow’ target=’_blank’ title=’Follow us on Facebook’><i class=’fa fa-facebook’/></a></li>

<li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></a></li>
<li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></a></li> <li class='rss'><a href='#' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></a></li> <li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></a></li> <li class='dribbble'><a href='#' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></a></li> <li class='deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on DeviantArt'><i class='fa fa-deviantart'/></a></li> <li class='pinterest'><a href='#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></a></li> <li class='instgram'><a href='#' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></a></li> <li class='tumblr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></a></li> <li class='linkedin'><a href='#' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></a></li> <li class='soundcloud'><a href='#' rel='nofollow' target='_blank' title='Follow us on Soundcloud'><i class='fa fa-soundcloud '/></a></li> </ul> </div>

Code 7

Social media follow us button Code 7

<style> /* Social Counter————————————–*/<style>ul.techornate-social-share{padding:0;margin:0;overflow:hidden}ul.techornate-social-share li{list-style:none;float:left;margin-right:4%;width:48%;margin-bottom:10px;background:#fafafa;overflow:hidden}ul.techornate-social-share li a{text-decoration:none;display:inline-block;float:left;color:#fff;height:40px;width:40px;text-align:center;font-size:14px;line-height:40px;margin-right:16px;position:relative;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}ul.techornate-social-share li a:after{height:0;width:0;top:50%;left:100%;content:”;margin-top:-4px;position:absolute}ul.techornate-social-share li a.facebook{background:#436feb}ul.techornate-social-share li a.facebook:after{border:4px solid#436feb;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.twitter{background:#43c9eb}ul.techornate-social-share li a.twitter:after{border:4px solid#43c9eb;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.google{background:#f14133}ul.techornate-social-share li a.google:after{border:4px solid#f14133;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a.youtube{background:#b00}ul.techornate-social-share li a.youtube:after{border:4px solid #b00;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}ul.techornate-social-share li a:hover{opacity:.7}ul.techornate-social-share li span{font-size:12px;margin:0;line-height:15px;color:#999;font-weight:700;display:block}ul.techornate-social-share li span.scount-number{margin-top:5px;color:#333}ul.techornate-social-shareli:nth-child(2n){margin-right:0}</style><ul class=”techornate-social-share”><li> <a href=”#” class=”facebook”><i class=”fa fa-facebook”></i></a> <span class=”scount-number”>44,143</span> <span>Fans</span></li><li> <a href=”#” class=”twitter”><i class=”fa fa-twitter”></i></a> <span class=”scount-number”>39,505</span> <span>Followers</span></li><li> <a href=”#” class=”google”><i class=”fa fa-google-plus”></i></a> <span class=”scount-number”>25,203</span> <span>Followers</span></li><li> <a href=”#” class=”youtube”><i class=”fa fa-youtube”></i></a><span class=”scount-number”>7,456</span><span>Subscribers</span></li></ul>

ये भी पढ़े..  Good Morning motivational Thoughts 20+

Code 8

social media follow us button code 8

<style> /* Social Counter 

————————————–*/<style>ul.techornate-follow-buttons a:hover{color:#03c9a9}.techornate-follow-buttons.b-title li{text-align:center;background-color:#fff;width:31.5%;border:1px solid#eee}.techornate-follow-buttons.b-title a{text-transform:uppercase;text-decoration:none;margin:20px auto 0;font-size:10px}.techornate-follow-buttons li{display:inline-block;padding:0 0 7px;margin-bottom:3px!important}.techornate-follow-buttons li:last-child{border-bottom:1px solid#eee!important;padding-bottom:7px!important}.techornate-follow-buttons.b-title i{margin:0 auto 10px;display:block}.techornate-follow-buttons.style-1 i{height:32px;width:32px;line-height:32px;font-size:20px;margin:10px auto 0;text-align:center;color:#333}</style><ul class=’techornate-follow-buttons style-1 b-title’><li><a href=’#’><i class=”fa fa-facebook”></i>facebook</a></li><li><a href=’#’><i class=”fa fa-twitter”></i>twitter</a></li><li><a href=’#’><i class=”fa fa-google”></i>google +</a></li><li><a href=’#’><i class=”fa fa-pinterest”></i>pinterest</a></li><li><a href=’#’><i class=”fa fa-linkedin”></i>linkedin</a></li><li><a href=’#’><i class=”fa fa-instagram”></i>instagram</a></li></ul>

Code 9

Socialmedia follow.us code 9

<sty

<style> /* Social Counter 

————————————–*/<style> s-text strong,.social-counter{font-weight:900}.techornate-socials a{display:block;color:#fff;padding:12px 15px;position:relative;margin-bottom:5px;text-decoration:none}.techornate-socials a span,.techornate-socials a:before{z-index:2;position:relative}.social-counter{position:absolute;font-size:14px;line-height:1;padding-top:4px}.s-text{float:right}.techornate-socials a:after{content:””;height:100%;width:0;top:0;left:0;position:absolute;background:#252b42;z-index:1}.fa-facebook:before,.fa-subscribe:before,.fa-twitter:before{display:inline-block;width:16px;font-family:FontAwesome;margin-right:10px;padding-right:10px;font-size:18px;border-right:1px solid rgba(255,255,255,.3)}.fa-facebook{background:#1c3e67}.fa-facebook:before{content:”f09a”}.fa-twitter{background:#28a6c5}.fa-twitter:before{content:”f099″}.fa-subscribe{background:#d2002c}.fa-subscribe:before{content:”f167″}</style><div class=”techornate-socials”><a target=”_blank” href=”#” class=”fa-facebook”><span class=”social-counter”>146,200</span><span class=”s-text”>Follow us on <strong>Facebook</strong></span></a><a target=”_blank” href=”#” class=”fa-twitter”><span class=”social-counter”>50,748</span><span class=”s-text”>Follow us on <strong>Twitter</strong></span></a><a target=”_blank” href=”#” class=”fa-subscribe”><span class=”social-counter”>33,175</span><span class=”s-text”>Subscribe us on <strong>YouTube</strong></span></a><div class=”clear”></div></div>

Code 10

Social media follow us code 10

<style> */https://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0!important;}#rr-social-widget-chiclets div{width:40px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min–moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style><div class=”rr-mod module-rightrail-social-widget” id=”module-rightrail-social-widget”><div class=”configuration-neighbor”><div id=”rr-social-widget-chiclets”><div id=”rr-social-widget-chiclets-facebook”><a href=”https://www.facebook.com/”hindivhelp” rel=”nofollow” target=”_blank” onclick=”s_objectid=’rr_sm_icons_facebook’;”></a></div><div id=”rr-social-widget-chiclets-twitter”><a href=”https://www.twitter.com/HindivHelp” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_twitter’;”></a></div><div id=”rr-social-widget-chiclets-googleplus”><a href=”https://plus.google.com/+HindivHelp” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_googleplus’;”></a></div><div id=”rr-social-widget-chiclets-linkedin”><a href=”https://www.linkedin.com/HindivHelp” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_linkedin’;”></a></div><div id=”rr-social-widget-chiclets-stumbleupon”><a href=”https://www.STUMBLEUPON.com/Hindivhelp ” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_stumbleupon’;”></a></div><div id=”rr-social-widget-chiclets-youtube”><a href=”https://www.YouTube.com/Hindivhelp” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_YouTube’;”></a></div><div id=”rr-social-widget-chiclets-rss”><a href=”https://feedburner.google.com/fb/a/mailverify?uri=HindivHelp” rel=”nofollow” target=”_blank” onclick=”s_objectID=’rr_sm_icons_rss’;”></a></div></div></div></div>

🔛🔛🔛🔛🔛🔛🔛🔛🔛
Upar diye gaye code copy karne ke baad blogger dashboard me jaye
* Layout select kare
Sidebar me add a Gadget pr tap kare

* new window open hogi usme HTML/java script slecet kare

* ab 2 box dikhega एक बडा़ एक छोटा छोटा वाले को खाली छोड़ दे ! और बडा़ वाले box मे उपर जो कोड कॉपी किया था उसे pest कर दे ! और. Save kar de

‘सुचना :, कोड 3 me se jitne जगह भी HindivHelp hai use hata kar apne Blog ka URL dal me,

aapke blog me social follow wider add ho chuka hai to kaisa laga ye post हमे जरूर बताएं and social media me share jarur kare
ये भी पढ़े..  Github Se High Quality DoFollow Backlink kaise Banaye
Subscribe to HindivHelp by Email

Leave a comment