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