Am fost intrebat in repetate randuri cum am introdus codul de trimitere a paginii pe Yahoo Messenger sau cum sa adaugi automat codul de trimitere pe Blogoree (Bligg). Nu-i dificil, dar e mult de explicat. Si chit ca nu termin, m-am gandit ca macar sa-ncep.

Cel mai simplu mod de a adauga posibilitatea de a trimite pe news aggregators sau instant messaging, cum ar fi Yahoo Messenger, este s-adaugi AddThis, SocialTwist sau FeedFlare (or a solutie similara).  Poti gasi o descriere a acestor metode pe ConsumedConsumer (1). Iata-le si-aici, in romana:

A. AddThis & SocialTwist TellAFriend

AddThis este bara pe care scrie Bookmark si care se deschide in mai multe butoane. Gasesti un ghid de adaugare pe site-ul lor, si in final codul va arata cam asa (e-o idee buna sa te-nregistrezi pe site-ul lor, intrucat iti ofera si statistici):

• 1. Intra pe Blogger si mergi in Dashboard.
• 2. Mergi la  Layout > EditHTML si apasa pe Expand Widget Templates.
• 3. Cauta (Ctrl+F) <div class='post-footer'> in sablonul tau.
• 4. Baga codul de mai jos sub <div… gasit mai sus, avand grija sa inlocuiesti variabilele scrise cu litere MARI cu variabilele proprii si apoi Salveaza Sablonul.

<div><script type='text/javascript'>addthis_url='<data:post.url/>'; addthis_title='<data:post.title/>'; addthis_pub='YOURaddthisLOGIN';</script><script src='http://s7.addthis.com/js/addthis_widget.php?v=12' type='text/javascript'/>
<script src='http://taf.socialtwist.com:80/taf/js/shoppr.core.js?id=YOURID' type='text/javascript'/><a style='display: none;'><data:post.title/></a><img expr:onclick='"createWidget(this, \"YOURID\", \"" + data:post.url + "\",prevS(this),\"desc\")"' expr:onmouseover='"showHoverMap(this, \"YOURID\", \"" + data:post.url + "\", prevS(this))"' onmouseout='hideHoverMap(this)' src='http://tellafriend.socialtwist.com:80/wizard/getButton.jsp?id=20080822211' style='border:0;margin:0;padding:0;'/></div>

B. FeedBurner FeedFlare

FeedFlare este un serviciu oferit de FeedBurner, care, odata activat, te lasa sa selectezi ce butoane sa prezinti cititorului:

Pentru a-l introduce, navigheaza catre pagina reprodusa mai sus, coboara catre sfarsit si acolo poti .

Va arata cam asa (adauga-l in acelasi loc ca AddThis, deasupra sau dedesubt):

<script expr:src='"http://feeds.feedburner.com/~s/YOURFEEDNAME?i=" + data:post.url' type="text/javascript" charset="utf-8"></script>

C. Adauga (fura) propriul cod

Daca insa preferi sa adaugi ceva ce-i mai greu de gasit acolo, cum ar fi codul de Bligg sau numai cel de Yahoo Mess, ai un pic mai mult de munca. Iata o lista de pasi care-i valabila pentru orice cod pe care vrei sa-l “furi” de pe o pagina.

1. Gaseste pagina cu codul pe care vrei sa-l “furi” si incarc-o in browser.

2. Uita-te in codul sursa al paginii. In FireFox, asta inseamna sa mergi la View –> Page Source.

3. Cauta bucata de text cu pricina (Ctrl+F).

4. Copiaza codul si baga-l in Notepad, sau unde vrei tu sa te joci cu el.

5. Pentru a folosi codul intr-un CSS (Blogger) template si-n general pe orice site, va trebui sa-l escape – probabil ca exista un cuvant pentru asta in romana, dar eu nu-l stiu. Asta inseamna ca acele caractere speciale (cum ar fi < sau >) trebuiesc inlocuite cu corespondentele lor ASCII sau HTML. Eu nu stiu aceste coduri pe dinafara, dar exista mai multe site-uri care vor face asta pentru tine. Baga un google la escape code list sau escape code generator si vei gasi negresit (2). O alta modalitate este sa folosesti un visual HTML editor, cum ar fi KompoZer (3), sau, mai bine, WLWz.

6. Inlocuieste URL-ul si eventual titlul cu urmatoarele variabile, daca folosesti Blogger.

• data.post.title
• data.post.url

Alte platforme pot avea variabilele lor proprii. Blogger au o discutie destul de exhaustiva pe aceasta tema (4).

7. Decide unde vrei s-apara codul, intra in Dashboard –>  Layout –> Edit HTML, Ctrl+F sa gasesti unde vrei, fa-i copy & paste, fa un Preview sa vezi cum mere, si daca-i OK fa-i Save. Daca nu, ia-o de la capat (ai facut backup Template-ului, nu?).

8. Lasa in pagina celui de la care ai luat codul un thank you note – majoritatea oamenilor nu se vor supara, ci se vor bucura ca te-ai prins fara sa le iei din timp; eventual scrie un articol despre cum si ce ai facut, ca sa nu umble si altii de bezmetici.

Daca ai intrebari, pune un comentariu. Succes!

Surse

1. CCO: Improve your website with social networks
2. automagically!" href="http://raebear.net/comp/escapes.html" target=_blank rel=nofollow>Simple < > escaper
3. KompoZer - Descarcare
4. Variabile Blogger

20090810 UPDATE: Vrei mai multe articole tehnice pentru Blogger / Blogspot? Este modificarea de aici curenta, sau am facut una noua, cu acelasi efect, dar mai buna? Toate modificarile aduse de mine acestui sablon (template) pot fi gasite in Zamolxis ChangeLog. Seria lucrand la fatada va gazdui de-acu’ incolo articole despre PR, media persuasion si eventual imaginea Romaniei.