Social Sharing Button is very popular in websites and blogger world, every one is making their own site and blog with sharing button and when we use it in our blog, we want to add these buttons to every post OR everywhere we want but here you will get how to add social sharing buttons on comment box in blogger.
Add Social Sharing Buttons in Comment Box
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and Search the code shown below.
</head>
- Paste below code just above </head>
- Now find below code
<h4 id='comment-post-message'><data:postCommentMsg/>
- Paste below code after above codes.
<br/>
<span class='st_plusone_hcount' displayText='Google +1'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_sharethis_hcount' displayText='ShareThis'></span>
- Save Your Template.
Thank you for your suggestion to change the template ... but I felt that it was not a template,,, maybe just need a little change on the widget
ReplyDeleteI even suggest you move to the right on recommend facebook ... it's a little annoying when it appears the left ...
@f4dLy :)
ReplyDeleteThanks a Lot for Your Suggestion but I want to add some widget on right side, so left is better for FB Recommendation and I'm telling you that You should change template of your blog be'coz it seems like white only and can't differentiate between the sidebar and main bar.
I suggest you to change your template for good looking not for FB recommendation bar.
Thanks & Regards,
Hemant Verma
bro can you tell me what codes do you use to highlight line,word
ReplyDeleteeg.
"ADD SOCIAL SHARING BUTTONS IN COMMENT BOX"
@VIKASH CHOUDHARY
ReplyDeleteCopy Below Code and Paste it before ]]></b:skin>
.post h2 {
background: url("http://3.bp.blogspot.com/-gLnHp4LoL-Q/T-hYlORTm3I/AAAAAAAAA0s/IN1bvxW-hwg/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
Save Your Template.
and When U want to use it, Use this tag line
<h2>Write Your Text Here</h2>
thanks
ReplyDelete@VIKASH CHOUDHARY
ReplyDeleteYour Most Welcome
Keep Stay Tune With Us.
Thanks & Regards,
Hemant Verma