If you would instead add social bookmarking options like the ones you see in the post footers on this blog click here
4. As a precautionary measure download your template clicking Download Full Template and save it on your computer.
5. Make sure Expand Widgets Templates is checked
6. Now search for <p class='post-footer-line post-footer-line-3'/>
*You can easily do this using the Find (Ctrl+F) bar if you are using Firefox as shown in the figure.
7. Right above <p class='post-footer-line post-footer-line-3'/> add the following code
| <!-- For Facebook --> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Add to Facebook'><img border='0' src="http://static.ak.facebook.com/images/icons/favicon.gif" width="16" height="16" alt="Facebook" /></a>
<!-- you can add more from ** here --> |
(this code adds Facebook bookmarking option to the posts' footer, to add Netvouz, Digg and many other social bookmarking options also, pick the pieces of codes you want from later in this post (see**) and simply add right after the piece of code you just added above for Facebook, before proceeding to step 8)
8. Save the template by clicking SAVE TEMPLATE button.
You should now be seeing the tiny little Facebook logo in the footer of each of your blog's posts. -----------------------------------------------------------------------------------
** the following pieces of code can replace or be put in addition to the code in Step 7 to add various other social bookmarking options.
-----------------------------------------------------------------------------------
Wanna know what just happened ?
this is the code that you enter in your blog's XML template to add Netvouz bookmarking option to posts' footer.
<!-- For Netvouz -->
<a expr:href=
'"http://www.netvouz.com/action/submitBookmark?url=" +
data:post.url + "&title=" + data:post.title' target='_blank'
title='Bookmark to Netvouz'><img alt='Netvouz'
src='http://www.netvouz.com/web/images/netvouz16.gif'
width='16' height='16' /></a>
Important components of this code
- data:post.url variable stores the url of the post the footer of which contains the bookmarking sit's code
- data:post.title variable stores the title of the post the footer of which contains the bookmarking sit's code
- url parameter is used here to pass the value of data:post.url (i.e. is the url of the post) to the bookmarking site
- title parameter is used here to pass the value of data:post.title (i.e. is the title of the post) to the bookmarking site
- <img tag is fetching the favicon (16x16 pixels) icon of the bookmarking site to be displayed in the post footer
When you click Netvouz's icon in the post footer, the code enclosed in <a tag calls a certain page at www.Netvouz.com and passes the post's url and title to it for bookmarking the post. Code for other social bookmarking sites works more or less in the same.
If you wanna add a particular bookmarking option but cant figure out how to, do write to me.
