Articole asociate, legate, înrudite (related posts) pe Blogger

Un nou articol nu la temă :-) Oare cînd vei începe Zagorneanu să scrii o dată despre programare? Ştiu, ştiu, va fi şi asta în curînd. Pînă atunci un scurt post despre cum de pus pe Blogger un widget (în limba noastră româna ar fi ceva de genul "o drăcărie" ;-)) care ar afişa lista articolelor care sînt asociate (legate, înrudite) cu articolul curent. O chestie foarte bună pentru cititor, atunci cînd caută careva informaţie, dar şi pentru tine, deoarece menţii mai mult timp cititorul pe site.

Mai întîi aş vrea să explic ce se înţelege prin articole asociate. În contextul nostru acestea nu sînt alt ceva decît articolele care sunt etichetate cu aceeaşi etichetă (etichetă = label). Deci pentru a putea folosi această nouă funcţionalitate articolele dvs. trebuie sa fie etichetate corespunzător.

Există 2 modalităţi de a instala această funcţionalitate pe Blogger: una foarte simplă şi alta simplă :-) Să începem cu cea foarte simplă.

• Adăugarea articolelor asociate ca widget separat. Aceasta înseamnă ca lista cu articolele asociate (etichetate cu aceeaşi etichetă) va fi afişată undeva într-o parte (dreapta, stînga, josul paginii) în dependenţă de design-ul paginii. Pentru aceasta accesaţi următoarea pagina http://brps.appspot.com/, coborîţi un pic mai jos în pagină pînă la alineatul Installation şi face-ţi click pe butonul albastru-oranj pe care scrie Add to Blogger. Atîta tot. Acum aranjaţi widget-ul unde doriţi în pagină şi salvaţi. Trebuie de menţionat că lista cu articolele asociate nu va apărea pe prima pagină a blog-ului dvs, în schimb, ea va fi afişată cînd veţi deschide un articol. Atunci veţi vedea lista cu articolele etichetate la fel.
• Adăugarea articolelor asociate sub (dedesubt) articol. În acest mod lista cu articolele asociate va fi afişată sub articol, ceea ce după părerea mea e mai bine şi cade mai bine în vizorul cititorului. Pentru aceasta va fi nevoie să efectuaţi următorii paşi:
  1. Mergeţi la Setări -> Aspect -> Editaţi HTML (Settings -> Layout -> Edit HTML) şi Extindeţi şabloanele control (Expand Widget Templates) (faceţi click pe check-box-ul cu acelaşi nume).
  2. Căutaţi următoare linie:

     <div class='post-footer-line post-footer-line-3'/>
     

  3. Adăugaţi o line nouă, cea evidenţiată (ultima linie din exemplu), aşa cum este arătat mai jos. Fiţi atenţi, linia noua trebuie adăugată după următorul </div> ce urmează linia de cod găsită.

     <div class='post-footer-line post-footer-line-3'/>
     ...
     </div>
     <div id='related_posts'/>
     

  4. Mergeţi la sfîrşitul şablonului şi înainte de </body></html> adăugaţi următoarele 2 rînduri aşa cum este arătat mai jos:

     <script src='http://www.google.com/jsapi'/>
     <script src='http://brps.appspot.com/brps.js' type='text/javascript'/>
     </body>
     </html>
     

     Ca şi în primul caz, lista articolelor asociate nu va fi afişată pe pagina principală a blog-ului, dar în dedesubtul fiecărui articol, atunci cînd acesta este deschis.

Pentru mai multe informaţii în privinţa personalizării (titlul, numărul de articole afişate, folosirea CSS) puteţi accesa următoarea pagină http://code.google.com/p/brps/

P.S. Puteţi vedea acest widget în acţiune chiar în dedesubtul acestui articol.