Sep 18, 2017

Blogger Website me Share Karne Ke liye Social Media Button Kaise Lagaye,

Hello friend's
wel Come to in hindi india.in
today i will come to you social media button
Social Media Button
The social media buttons to follow this step to install your website,
Step 1. login to www.blogger.com
Step 2. Click Template



Step 3. Edit Html
template HTML edit
Step 4. Click once in the middle of the blogger code,
Step 5. Press Ctrl+F
Step 6. </body>  Type
body
 One time Press Enter,
 </body> You will see the Code

Step 7. Copy the Code below,




Note pad to Open
# Give the place to add your social links,
Copy and take all Code,
Step 8.   </body> Give up the paste into

paste body

Step 9. Copy the Code below,
]]></b:skin>
Step 10. Ctrl+F Press,  
Step 11. And Press Ctrl+V,
One time Press Enter,
You will see the Code (]]></b:skin>)
Select All, And Copy the Code below,
/* Social Sidebar Login to www.inhindiindia.in*/
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
a { 
   text-decoration: none;
}
ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }

 Step 12. (]]></b:skin>Give up the paste into
paste skin

Final Step 13. Click Save Template,
save temptale 
And open your website,
Thank's
Previous Post
Next Post

post written by:

0 Comments: