HomeBLOGGER

Social Follow Button Widget Apne Blog Me Kaise Add Kare

Social Follow Button Widget Apne Blog Me Kaise Add Kare
Like Tweet Pin it Share Share Email

My readers kiya app stylish Social follow button apne blog mei lagane chahte tou app jarur laga sakte hai, kiyo ki mei apko ek stylish social follow button ka code apne blog mei publish kiya hu.

Sabhi blogger chahte hai ki mera blog design dusere blog se bhi jyada better ho,Lekin bahut sare kamiya blog mei reh jate hai.Agor app social follow button bhi apne blog mei lagane chahte hai tou app ek achhi design wali code he lagaye.Maximum blogger ko php code nahi ate tou wo log dusere blog se koi bhi code apne blog mei add karke apne blog ka design achha bana deta hai.Agor app bhi yeh code apne blog mei lagaye tou apka blog ka design bhi thora better jarur ban jayega.

Stylish Social Follow Button Code

Niche jo mei social follow button ka code diya hu app us code ko apne blog mei add kar sakte hai.Add karne keliye apko shift code ko copy kare aur apke notepad par edit karke apne social site ka links add karna hai.

  1. First app is code ko copy karke apne notepad par paste kijiye.
  2. Enter Your Url par apke social site ka links add kare
  3. Followers pare apke social site par kinte logone follow kiya hai usko dale.
  4. Laste mei app code ko copy karke apne blog ke widget par paste kare.
<style>
.widget_social_apps {
margin-left : -1%;
margin-right : -1%;
}
.widget_social_apps:after {
clear : both;
}
.widget_social_apps .app_social {
margin : 1% 0.5%;
width : 49%;
height : 50px;
float : left;
text-align : center;
background-color : #111;
transition : all 0.2s;
border-radius: 5px;
}
.widget_social_apps .app_social.facebook {
background-color : #3e64ad;
}
.widget_social_apps .app_social.twitter {
background-color : #58ccff;
}
.widget_social_apps .app_social.pinterest {
background-color : #de010d;
}
.widget_social_apps .app_social.instagram {
background-color : #125688;
}
.widget_social_apps .app_social.google {
background-color : #dd4b39;
}
.widget_social_apps .app_social.linkedin {
background-color : #007bb6;
}
.widget_social_apps .app_social.flickr {
background-color : #ff0084;
}
.widget_social_apps .app_social.youtube {
background-color : #ef4e41;
}
.widget_social_apps .app_social.rss {
background-color : #ea8914;
}
.widget_social_apps .app_social.tumblr {
background-color : #38466a;
}
.widget_social_apps .app_social:hover {
background-color : #777;
}
.widget_social_apps .app_social a {
display : block;
color : #fff;
padding : 15px 5px;
}
.widget_social_apps .app_social span {
display : block;
}
.widget_social_apps .app_social span.app_icon i {
font-size : 15px;
margin-bottom : 10px;
}
</style>
<div class="widget_social_apps">
<div class="app_social facebook">
<a href="ENTER YOUR URL" target="_blank" title="Follow on facebook">
<span class="app_icon"><i class="fa fa-facebook"></i> 45 Likes</span></a></div>
<div class="app_social twitter">
<a href="ENTER YOUR URL" target="_blank" title="Follow on twitter">
<span class="app_icon"><i class="fa fa-twitter"></i> 24 Followers</span></a></div>
<div class="app_social pinterest">
<a href="ENTER YOUR URL" target="_blank" title="Follow on pinterest">
<span class="app_icon"><i class="fa fa-pinterest"> 84 Followers</i></span></a></div>
<div class="app_social instagram">
<a href="ENTER YOUR URL?hl=en" target="_blank" title="Follow on instagram">
<span class="app_icon"><i class="fa fa-instagram"></i> 857 Followers</span></a></div>
<div class="app_social google">
<a href="ENTER YOUR URL" target="_blank" title="Follow on google+">
<span class="app_icon"><i class="fa fa-google-plus"></i> 10 Followers</span></a></div>
<div class="app_social linkedin">
<a href="ENTER YOUR URL" target="_blank" title="Follow on linkedin">
<span class="app_icon"><i class="fa fa-linkedin"> 71 Followers</i></span></a></div>
<div class="app_social flickr">
<a href="ENTER YOUR URL" target="_blank" title="Follow on flicker">
<span class="app_icon"><i class="fa fa-flickr"></i> 12 Followers</span></a></div>
<div class="app_social youtube">
<a href="ENTER YOUR URL" target="_blank" title="Subscribe on youtube">
<span class="app_icon"><i class="fa fa-youtube"></i> 100 Subscribers</span></a></div>
<div class="app_social rss">
<a href="ENTER YOUR URL" target="_blank" title="Subscribe blog feed">
<span class="app_icon"><i class="fa fa-rss"></i> 432 Subscribers</span></a></div>
<div class="app_social tumblr">
<a href="#" target="_blank" title="Follow on tumblr">
<span class="app_icon"><i class="fa fa-tumblr"></i> 12 Followers</span></a></div>
</div>

 

Note – agor app chahte hai ki apke social site par kinte lago ne follow kiya hai app usko dikhana nahi chahte?tab app number aur followrs ko delete kar dijiye(Example – 71 followers ).Aur bhi kuch bhi confusion ho raha hai tou app niche comment box mei jarur comment kijiye.tou dosto mujhe asa hai ki mera ye article apko achha laga.

Comments (4)

Leave a Reply

Your email address will not be published. Required fields are marked *