I've noticed more and more people putting "Add to Simpy" links to their blog posts. Let me say this right away - I appreciate this very much! To help others do the same, here is some information that will let you integrate Simpy into your blog.
In this post I'll cover integration with the following blogging platforms:
Even if you use a different blogging tool (e.g. Drupal), you will find this information useful. If you integrate Simpy with
any other blogging platform, please
let me know about integration details.
First of all here are the images/buttons you can use. Alternatively, use text (e.g "Simpify" or "Add to Simpy" will do).
.......... if you want to save the image locally, get it
here
.......... if you want to save the image locally, get it
here
Pick your colour, and if you need a different background, feel free to change it, or
let me know if you want the original file with layers, etc.
The basic setup is captured by the HTML snippet in this box:
<a href="http://www.simpy.com/simpy/LinkAdd.do
?href=
YourBlogPostPermalink
&title=
YourBlogPostTitle"><img src="http://www.simpy.com/img/simpify-white-56x24.png" alt="Simpify!" style="border-width: 0px;"/></a>
If you are tech/web/HTML savvy and know your blog templates, you can stop reading here, and stick the above HTML snippet in the template for you blog posts. You probably want to put this in the header or footer of the template.
The Simpy cheatsheet for Blogger/Blogspot platform is:
YourBlogPostTitle = <$BlogItemTitle$>
YourBlogPostPermalink = <$BlogItemPermalinkURL$>
Plugging the information from this cheatsheet into out HTML snippet is easy, and the result is:
<a href="http://www.simpy.com/simpy/LinkAdd.do
?href=
<$BlogItemUrl$>
&title=
<$BlogItemTitle$>"><img src="http://www.simpy.com/img/simpify-white-56x24.png" alt="Simpify!" style="border-width: 0px;"/></a>
For more information about Blogger/Blogspot template tags, check out the
Template Tags section for Blogger.
The Simpy cheatsheet for WordPress platform is:
YourBlogPostTitle = <?php the_title(); ?>
YourBlogPostPermalink = <?php the_permalink(); ?>
Plugging the information from this cheatsheet into out HTML snippet is easy, and the result is:
<a href="http://www.simpy.com/simpy/LinkAdd.do
?href=
<?php the_permalink(); ?>
&title=
<?php
the_title(); ?>"><img src="http://www.simpy.com/img/simpify-white-56x24.png" alt="Simpify!" style="border-width: 0px;"/></a>
WordPress Wiki has more information about WordPress
Template Tags, and
more Template Tags information can be found in WordPress Codex (WordPress Online Manual).
The Simpy cheatsheet for Movable Type and TypePad is:
YourBlogPostTitle = <$MTEntryItemTitle$>
YourBlogPostPermalink = <$MTEntryItemPermalinkURL$>
Plugging the information from this cheatsheet into out HTML snippet is easy, and the result is:
<a href="http://www.simpy.com/simpy/LinkAdd.do
?href=
<$MTEntryItemPermalinkURL$>
&title=
<$MTEntryItemTitle$>"><img src="http://www.simpy.com/img/simpify-white-56x24.png" alt="Simpify!" style="border-width: 0px;"/></a>
You can get more information from Movable Type/TypePad's
Template Tags help section. The subsection to look at is the section about
Post Template Tags.
The Simpy cheatsheet for Blojsom is:
YourBlogPostTitle = $entry.getTitle()
YourBlogPostPermalink = $permalink
Plugging the information from this cheatsheet into out HTML snippet is easy, and the result is:
<a style="margin-left: 10px;" href="http://www.simpy.com/simpy/LinkAdd.do
?href=
$permalink
&title=
$entry.getTitle()"><img src="http://www.simpy.com/simpy/images/simpy-icon-16x16.png" border="0"/></a>
<a href="http://www.simpy.com/simpy/LinkAdd.do
?href=
$permalink
&title=
$entry.getTitle()">Simpify!</a>
You'll need to put the above snippet of HTML in the template for your blog post entries (e.g. asual-entry.vm)
