Tallinna teisipäevak – Hiiu (mai 2010)

By Hillar Saare | Published: 19. May 2010
Tallinna orienteerumiskaart Hiiu

Hiiu orienteerumiskaart

Olen praegu Harjumaal ja Tallinnas ning mõtlesin kui möödunud aasta võidutseja teisipäevakule korra bravuuritsema minna, et võrrelda vormi eelmise aasta maikuuga. Read More »

Posted in Orienteerumine | Tagged , , , , , | Leave a comment

Pärnumaa neljapäevak Uulu-Metsaküla-Lepaküla

By Hillar Saare | Published: 13. May 2010

Pärnumaa, Uulu, Metsaküla, Lepaküla, orienteerumiskaart Hooaja esimene o-jooks, mille võib isegi õnnestunuks lugeda. Tegemist oli Uulu ja Metsaküla kandi metsaga ning sedakorda pakuti tavarada 8.20 km. See oli mul elus teine kord tavarada joosta. Esimene katse oli kolm nädalat tagasi Raekülas. Harjumaal olen jooksnud M21B klassi palju, aga see on tavaliselt paar kilomeetrit lühem. Tundub, et tavarada sobib mulle. Just seepärast, et ma ei pinguta jooksukiirusega kohe üle ja suudan orienteerumist rohkem kontrolli all hoida. Eelmisel nädalal oli lühirada ja peamiselt liigse kiirustamise tõttu oli see üks pikk ebaõnnestumiste jada Niidupargis. Read More »

Posted in Orienteerumine | Tagged , , , , , , , , , | Leave a comment

Rannametsa Luitejooks 2010

By Hillar Saare | Published: 9. May 2010
Luitemaa männik ja luited

http://www.loodusemees.ee/

Luitemaa looduskaitsealal on fantastiline maastik männikute ja Eesti kõrgeimate luidetega. Jooksu/matkarada on mõnusalt vahelduva raskusega ja alguses isegi petlikult lihtne.

Algselt pidi tänavuse aasta Luitejooks toimuma juba 4. aprillil, aga poolemeetrise lume tõttu lükati edasi 9. maile. Ise mõtlesin, et kamoon, Read More »

Posted in Uncategorized | Tagged , , , , , , , | 1 Comment

Täielik feil Niidupargis

By Hillar Saare | Published: 6. May 2010

Pärnu Niidupark, orienteerumiskaartRaisk, o-jooksus lihtsalt on kohe nii, et vahel ongi ainult perses kõik. Vigu tuleb üksteise otsa. Ilusaim käik täna oli ühe punkti vahele jätmine, duh! Tänane päevak oli Pärnu linnas Niidupargis. Seekord oli tegemist lühirajaga, ega seal pargis rohkem ruumi polegi. Read More »

Posted in Orienteerumine | Tagged , , , , , , , | 2 Comments

Multiple Facebook Like buttons on one page

By Hillar Saare | Published: 6. May 2010

Today I played around with the new exiting Like button plugin. Got it working very easily by following a good tutorial on how to add XFBML Like button to a webpage.

That’s great, but I needed to add multiple Like buttons to one page and every button had to be about a different object (product in my case). I had many ideas, ranging from dynamically changing the meta tags in DOM to using container iframes. Finally got it working with iframes. Meaning I used an iframe of my own, which encapsulated the XFBML code for a Like button. (Later I found even simpler method with no iframes, check the UPDATE)

Here’s the result on a shopping comparison site in Estonia. The feature is still experimental, hence the special ‘multilike’ parameter in the url. The iframes are added when page scrolling event occurs. Some sort of deferring is necessary, because loading of the buttons is very slow! Slowness is the main reason I haven’t published the feature yet.

UPDATE: (a faster non iframe method)

Update (19.05.2010): Russ asked in the comments, which method should be preferred? I’d recommend to use the method in this paragraph. The iframe method is slower, uses more resources and is a bit more complicated.

There’s a simpler way. Add the XFBML code to every object on the page with unique href parameter per one fb:like. That url must contain the opengraph meta tags. Scroll down to see what tags are necessary. Also add the javascript which initialized Like buttons. Look below next paragraph.

<div class="product">
  <fb:like href="YOUR_URL_WHICH_HAS_META_TAGS" layout="button_count"
  show_faces="false" width="240" height="40"
  action="like" colorscheme="light"></fb:like>
</div>

<div class="product">
  <fb:like href="ANOTHER_URL_WHICH_HAS_META_TAGS" layout="button_count"
  show_faces="false" width="240" height="40"
  action="like" colorscheme="light"></fb:like>
</div>

The product list page itself does not have any opengraph meta tags. All the info is pulled from those url’s you provided in fb:like href parameter. This approach can be seen here. Which meta tags to add to the product page? Scroll down to see them.

The iframe method (slower, not recommended):

First create content of your iframe. For example:

<!DOCTYPE HTML>
<html xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta property="og:url" content="URL_OF_THE_RESOURCE_PEOPLE_LIKE_(PRODUCT_PAGE_ETC)"/>
</head>
<body>
<fb:like layout="button_count" show_faces="false" width="240" height="40"
action="like" colorscheme="light"></fb:like>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APP_ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
</body>
</html>

In the product list I added to every product the following html:

<iframe scrolling="no" frameborder="0" allowTransparency="true"
src="URL_OF_THE_IFRAME_RESOURCE"></iframe>

What of the special meta tags?

These should be added to the Likeable resource. The same url that was added inside the iframe meta og:url property, must contain those meta tags. Facebook will download those meta tags when someone clicks Like.

For example on this product’s page I added the following:

<meta property="og:title" content="TITLE"/>
<meta property="og:url" content="http://sopso.com/otsi/u-Z5Upj2sej"/>
<meta property="og:image" content="ABSOLUTE_IMAGE_URL"/>
<meta property="og:description" content="DESCRIPTION"/>
<meta property="og:site_name" content="YOUR_SITE'S_NAME"/>
<meta property="og:type" content="product"/>
<meta property="fb:app_id" content="APP_ID"/>

You can also add fb:admins property, but remember you should only have either fb:app_id or fb:admins.

Here’s how the Like buttons looks like when I click on the Like button:

Multiple Like buttons and comment box on Sopso.com

Multiple Like buttons and comment box on Sopso.com

And here’s how the result will look like on your Facebook Wall:

Like Button example post on Facebook Wall

Like Button example post on Facebook Wall

Hopefully this will give you some ideas on how to utilize the Like button. Let me know what you think by leaving your thoughts in the comment box below. And of course you can click Like and share this post.

Posted in Programming | Tagged , , , , | 4 Comments

Kuidas sõita Tartusse kolme päevaga?

By Hillar Saare | Published: 29. Apr 2010
Straight Highway

Sirge maantee

Sa ilmselt mõtled – vau, ei ole võimalik; kuidas ta seda teeb?! Väga lihtne, ma kohe selgitan, kuidas niimoodi teha saab.

Rahulikult, kiiret ei ole, praktiliselt iseenesest jõuad kohale. Natuke pead liigutama, et aga sedagi õige harva, sest liikumine toimub sinu tegevusest hoolimata. Ka sinu seltsiliste tegevusest hoolimata. Ausaltöeldes on enamus liigutusi vajalikud selleks, et kõrvetava päikese tõttu janu kustutada ja kreemi peale määrida. Kindlasti on vajalik mõningane energia kulutamine siis, kui sõiduvahendilt maha kukud. Kuid see on pigem värskendav torge igavikulise rahu ja vaikuse vahele. Kui just keegi parajasti ei laula.

Mis on sõiduvahendiks ja millisel pinnal sõit toimub?

Parvega Suur-Emajõel. Alustame reede hommikul Jõesuust Võrtsjärve kaldalt, sealt kus Suur-Emajõgi algab. Istume kambakesi parve ja laseme jõevoolul end kanda. Kes tahab võtab kätte aeru, kes tahab, midagi muud. Ja siis naudime internetist eemalolekut ning laia vetevälja. Eriti tänavusel aastal, kui on rekordiline veetase. Ööbime ilmselt parves, sest kaldaid ei ole. Eestimaa loodus on imeline.

Muudatus 1: Selgus, et meie motoriseeritud üksus ei saanud eile õhtul Kärevere silla alt läbi – liiga palju vett on. Seega keerame parveotsa ümber ja alustame täna 17:00 Tartu kesklinnast Atlantise kandist Peipsi poole ja tagasi Tartusse jõuame pühapäeval, täpselt sel ajal kui algab kummipaadiralli. See on siis 15:45 vms.
Muudatus 2: Selgus, et kõrvetavat päikest võib mitte tulla. Ent lootust on.

Igas jõeäärses linnas
kus on parvetatav pinnas,
tüki südamest ma jätnud õitsema.
Kuid kui aastaring saab ümber,
pööran parveotsa ümber
ning ma Tartu sõidan, Tartu sõidan taas.

Posted in Uncategorized | Tagged , , , , , | 2 Comments

Pärnu neljapäevak – Raeküla

By Hillar Saare | Published: 27. Apr 2010
Raeküla jooksurada

Raeküla jooksurada

Jooksen esimest rada, mis on kõige pikem. Seekord oli rajatüübiks tavarada. (eelmine kord Valgerannal oli lühirada). Tavaraja pikkus oli linnulennult 8.3km. Võrdluseks Tallinnas päevakutega – see on sama, mis M21A rada. Eelmisel hooajal jooksin peamiselt ainult lühirada, mis on poole lühem.

Päevaku rajad olid Reiu jõe ja Riia maantee vahelisel alal. Mitmekesine maastik – väga märgadest piirkondadest kuni liivapaljandikeni. Tihedat metsa ja võsas ragistamist. Vana raudteetamm, kust rööpad on ära korjatud. Ja seal on olemas tervisesportlastele suusa/jooksurajad. Meenutas mulle natuke Nõmme spordikeskuse ja pargi radasid, aga tõusudest tunnen tugevalt puudust. Siin on nii sile maa :P Siia plaanitakse korraliku spordikeskuse rajamist. Hea avastus igal juhul, lähen sinna kindlasti rattaga treenima ja ehk multisporti harrastama (jooks ja ratas vaheldumisi). Seal on sellist lahedat männimetsa, kus saab puude vahel kihutada. Ja väikseid künkaid. Ja Reiu jõe orgu peaks ehk uurima minema. Mine tea, mis huvitavad rajad seal veel ootamas on.

Postituse pildid on pärit Reiu puhkekeskuse kodulehelt.

Raeküla suusaradade kaart

Raeküla suusaradade kaart

Posted in Orienteerumine | Tagged , , , , , , , | 1 Comment