How to use social share button every post below


#1

Hi friends how to use social share button every post below … screenshot thank you very much in advance for your time and consideration .

want Same as above style , so plz


#2

well the best option I can give or the best plugin is addthis! you can visit their website and follow the instructions


#3

Thans sir , i know but i want


#4

ok no problem brother can you tell me from which blog did you snip the snap shot ?>

i will try to provide the code


#5

(post withdrawn by author, will be automatically deleted in 1 hour unless flagged)


#7

@Esobondhu_com

You can add the sharing widget by playing with the below code.

.share-post {
clear:both;
background:#fff;
border-top:1px solid #eaeaea;
height:20px;
margin:10px -15px -20px;
padding:10px 0 10px 10px;
}
.mini-share-post {
clear:both;
height:20px;
margin:10px -20px -20px;
padding:10px 10px 10px 25px;
}

.share-post li,.mini-share-post li {
float:left;
width:106px;
}
.share-post span.share-text {
background:#eee;
display:block;
float:left;
color:#222;
font-family:BebasNeueRegular,arial,Georgia,serif;
font-size:15px;
margin:-10px 10px -10px -10px;
padding:9px;
}

HTML

<div class='share-post'>
    <span class='share-text'>Share !</span>
    <div class='btn-tweet'>
Twitter Button Code   
    </div>
    <div class='btn-like'>
    Facebook Share Button Code 
    </div>
    <div class='btn-plus'>
   Google Plus Button Script
    </div>
    </div>
    </div> 

I hope the above tip will help, need further help please let me know.


#8

@mybloggertricks this method is not working! I tried this before that is why I didn’t reply. When we place the button codes they don’t appear. Well @Esobondhu_com try this once if it worked then well and good but if it didn’t then let us know here.


#9

i agree with you this method is not working


#10

well did you paste the button codes on the given spaces??


#11

@Nafees

Please check the demo on jsfiddle, i hope it will help.

http://jsfiddle.net/9oy7vgth/


#12

Well yes brother I too tested it the second time and it worked thats why I am asking @Esobondhu_com that did you paste the button codes :wink:


#13

Thanks bro now working


#14

@Nafees bro :wink: and share button now all done


#15

cool! Feel free to ask more questions we are happy to help!


#16

@Esobondhu_com

Add margin-left to your g plus button and also make it responsive by adding styles in your media querie classes, it will help mobile users who want to share and like your content .

Thanks.