Sunday, July 24, 2011

MTG Finder now available as a Firefox Addon


MTG Finder is now available for Firefox as an addon (version 0.9.3). MTG Finder allows you to search into several websites selecting a card name while browsing and clicking the Addon toolbar icon, right-clicking or the preferred keyboard shortcut. Keyboard shortcuts are default and cant't be changed, but it will be configurable soon in the options menu.

MTG Finder right click menu


Like in Chrome version, MTG Finder can perform searches in these websites:

  • Magiccards.info. Allows card names in every several languages, displays card data such card image, oracle text and much more. It also has an input text to type card names.

    magiccards.info search
  • Blackborder. Selected card names must be in english. It shows card image, card text and card price comparison table.
    Blackborder.com search
  • Gatherer. This search shows card data from the official wizards database.
    Gatherer search
  • Wizards. If you select an english card name, you'll get the card image.
    wizards search
  • Apathy House. Card price looker-upper with graphs will be shown for you.
    Apathy house search
  • Mtg.ru. A light frame with basic data and card image is shown for russian and english card names.
    mtg.ru search
  • Tapped Out. Card prices, card image, updated text and decks using selected card in the tapped out community.
    Tapped out search
Firefox version is still an experimental version, your help testing it in all OS is needed!

You can download, see full description and leave your feedback for MTG Finder for firefox directly from the Addons site.
If you prefer the Chrome version, visit the webstore site.

I hope all this can be useful for you. Don't forget to leave your feedback and like us on facebook!

Continue reading »

Sunday, July 17, 2011

MTG Wishlist 2.2 Chrome Extension with TCGPlayer

MTG Wishlist new version is here with new features that we'll describe below, but first, we'd like also to introduce our new partner: tcgplayer.com. As we said in the MTG Finder 1.3 announcement, TCG Player is a famous webstore that includes several prices from other stores. If you don't know it, what are you waiting to visit it?


MTG Wishlist 2.2 Changes:
  • TCG Player column inserted. It contains 3 values corresponding to card prices: minimum price, average price and maximum price. Those prices are taken from all the webstores included in tcgplayer. To check the card you'll only need to click one of these values.
    Card prices are in US dollars and depend on the current expansion set. If no expansion set is selected or it doesn't match with tcgplayer's sets (maybe because tcgplayer doesn't support them, like some special sets), the field will link the tcgplayer homepage. To use this service, card names must be in english.
    If you want to checkout your wishlist in tcgplayer, you can do it only by clicking the column header "Price TCGP".
    Global TCG Player data are loaded every 24 hours, when the browser starts or clicking the refresh button (maybe you suffer some wait delay if you want to see your wishlist when it's loading TCG Player or Blackborder data).

    New Price TCGP column

  • Card images now depends on the selected expansion set. If no expansion set is selected, the default card image will be shown. Not every expansion set is supported, like special sets or promo decks.
    Card images are displayed directly from the wizards database, so it's possible to not see some expansion sets until wizards uploads them (at this moment, commander and m12 pictures are not available). I've done the request to wizards, I'm sure that they'll fix it soon.
  • Card prices auto-change if expansion set is changed and prices are different.
  • Key shortcuts have been included. Now you can open MTG Wishlist in a new window instead of a popup only with shortcuts. Set the combination in the options page.
  • Loading times have been decreased. Editing a card will no longer reload the app unless you want to delete it.
New options page


Known issue: when the last card image popups, it won't be visible unless the scrollbar is present (to see the scrollbar, you must have a few of cards inserted in order to cover frame height).

MTG Wishlist can be downloaded from the Chrome Webstore.

I hope that you like the new features. Of course, you're welcome to post here any suggestion, comment or complain.

Don't forget to like us on facebook and leave your feedback at the webstore.

Continue reading »

Friday, July 8, 2011

Include Social Network buttons in your Blogger posts

Social networks are actually the most important traffic source in the web. Including buttons is a good way to socialize your blog. Here we'll show some tips to include buttons in your website, particularly in Blogger.



AddThis


The first tool you must know is AddThis. It integrates a lot of social network buttons (349 at the moment) in several languages in one widget with a few code lines. It also provides analytics services and trend statistics. To include AddThis in your website, you only need to follow the instructions of the following link: Get AddThis (select the blogger option to see blogger's instructions).

For example, here's the code used in this blog:

<!-- AddThis Button BEGIN -->
 <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  <a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&amp;username=yourusername'>Share</a>
  <a class='addthis_counter addthis_bubble_style'/>
  <span class='addthis_separator'>|</span>
  <a class='addthis_button_preferred_1'/>
  <a class='addthis_button_preferred_2'/>
  <a class='addthis_button_preferred_3'/>
  <a class='addthis_button_preferred_4'/>
  <a class='addthis_button_stumbleupon'/>
  <a class='addthis_button_delicious'/>
  <a class='addthis_button_digg'/>
  <a class='addthis_button_google_plusone' g:plusone:size='small'/>
 </div>
 <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
  <a class='addthis_button_facebook_like'/>
  <a class='addthis_button_tweet' tw:via='themunsonsapps'/>
  <!-- Reddit button start -->
  <script>reddit_url=&#39;<data:post.url/>&#39;</script><script>reddit_title=&#39;<data:post.title/>&#39;</script><script language='javascript' src='http://reddit.com/button.js?t=1'/>
  <!-- Reddit button end -->
 </div>
 <script type='text/javascript'>var addthis_config = {&quot;data_track_clickback&quot;:true};</script>
 <script src='http://s7.addthis.com/js/250/addthis_widget.js#username=yourusername' type='text/javascript'/>
 <!-- AddThis Button END -->

That looks like this:





Remember to include it before the <div class='post-footer'> tag if you're using Blogger.

Although it allows full customization using its API, it has some display limitations. Maybe you want the button to have a different layout or to display counters that AddThis not implements. This is the case of social networks buttons with counters like reddit, digg, stumbleupon and much more.

Facebook



There's a form to include facebook buttons in your website, you only need to insert the URL to like, facebook account and layout params like font, color or width.
You can choose the kind of button:

And much more. Once again, to include them in in Blooger, insert the code just after <div class='post-footer'> tag in your template.

Twitter


Twitter API is available here. There are several kinds of button, languages and customization.

For example:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://themunsonsapps.blogspot.com" data-count="vertical" data-via="themunsonsapps">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Try this button:



You can also set the predefined text, account to suggest, url to tweet and more. Visit the full dev API for Tweet Button. See also how to add Twitter button to Blogger.

Google +1


Google plus one is the new Google's social network. To include a button in your website, you only need to fill some form fields from the official +1 button site and paste the code where you want. To include it in blogger you can follow these tips.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" href="http://themunsonsapps.blogspot.com"></g:plusone>

Check the generated button:



Reddit


Check the different reddit buttons and them customizations here: Reddit Buttons.

<script type="text/javascript">
  reddit_url = "http://themunsonsapps.blogspot.com";
  reddit_title = "Reddit Buttons!";
</script>
<script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>

Reddit this sample:




To include it in every Blogger post, search once again for the <div class='post-footer'> tag and insert the code after it, but in this case, set the url parameter to: <data:post.url/> (see how to add reddit button to every Blogger post).

For example:

<script type="text/javascript">
  reddit_url = "<data:post.url/>";
  reddit_title = "Reddit Buttons 2!";
</script>
<script type="text/javascript" src="http://www.reddit.com/static/button/button3.js"></script>

Delicious

The official website for inserting delicious buttons can be found here. Here there is a sample of what will you get:

Bookmark this sample button in delicious:
Delicious Bookmark this awesome website on Delicious

<img src="http://l.yimg.com/hr/img/delicious.small.gif" height="10" width="10" alt="Delicious" /><a href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"> Bookmark this awesome website on Delicious</a>

To include it in every Blogger post, you will need to make other changes, check them at add delicious button to Blogger post.

Digg 


Just like delicious, you can insert a digg button with counter in your website following the official guidelines.

Digg this sample button:
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<!-- Wide Button -->
<a class="DiggThisButton DiggWide" href="http://digg.com/submit?url=http%3A//themunsonsapps.blogspot.com"></a>





Check the blogging tips about how to add digg button to Blogger post.

StumbleUpon 


SumbleUpon buttons are named badges. You can consult the official badge setup here. It also includes guidelines for blogger, feedburner, wordpress and more. You can choose the button layout and style, including a default url or getting it from the actual website, for example this:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5&r=http://themunsonsapps.blogspot.com"></script>



I hope this can be useful for you! Enjoy it!

Continue reading »

Wednesday, July 6, 2011

MTG Finder 1.3.0 Chrome Extension



MTG Finder brings you a new type of search: TCG Player.com. This search allows you to see card prices among several online stores, based in the card condition. There also be displayed a "People who bought this card also purchased..." section, a graphic price/time and more. If card is not found (usually because card name is wrong or another language), tcgplayer homepage will be displayed.


TCG Player search

TCG Player Store price comparison and graphic


MTG Finder also fixes a bug that came with 1.2.0 version: starting and ending spaces in selected words are now ignored.

We hope that this can be useful to you, all suggestions in order to improve MTG Finder are welcome. Firefox version is coming soon, is there any Mac user who want to test it?

Don't forget to leave your feedback in the Chrome Webstore and like us on facebook!

Download MTG Finder here!

Continue reading »