Sent to you by Artist44 via Google Reader:
via Beta Templates by Bilal on 6/30/10
Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like Twitter, Facebook & Google Buzz. The great thing is that it automatically shortens post URL/address because Twitter allows only 160 characters per tweet.
How to Add Share Buttons?
Adding share buttons under posts is very easy. Just go to Design | Page Elements. Edit the Blog Posts gadget and enable Show Share Buttons option. Click the following image to see full size:
Share Buttons Enabled but Doesn't Appear!
If you're using an old template then there is a chance that share buttons won't show up even if you've enabled them. So, go to Design | Edit HTML and check Expand Widget Templates option. The page will automatically refresh. After that, find this code:
<data:post.body/>and place the following code right after it:
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>Overall the code should look something like this:
<data:post.body/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>Save your template and you're done.
Show Share Buttons Only on Post Pages!
By default, share buttons will appear on all pages. It might look a little messy and some people might want to show share buttons appear only on post pages. We can add a simple if-else condition to do that. Instead of the above code, add this code after <data:post.body/>:
<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>If you've any problem, feel free to leave me a comment.
Things you can do from here:
- Subscribe to Beta Templates using Google Reader
- Get started using Google Reader to easily keep up with all your favorite sites
No comments:
Post a Comment