Rezolvare probleme cu optiunea Read more

De curand Blogger a introdus optiunea Read more pe blogurile blogspot. Aceasta optiune era asteptata de mult, iar echipa de la Blogger a facut ca aceasta optiune sa fie introdusa intr-un mod foarte usor si anume prin apasarea unui buton din bara de unelte a editorului de text. Apasand pe buton vedem ca in modul html al editorului se adauga o linie de cod care practic marcheaza intreruperea textului.

<!-- more -->

Din pacate aceasta optiune vine si cu cateva probleme pentru sabloanele existente. In postul de astazi va voi arata cateva probleme care apar si cum sa le rezolvati.

1. Prima problema care mi s-a semnalat este ca atunci cand adaugi optiunea de Read more la un articol sidebarul din dreapta cade sub coloana de postare.
Daca observati ca aceasta problema apare si la blogul vostru atunci trebuie ca dupa ce apasati butonul de Read more sa intrati in modul html al editorului si sa aveti grija ca acest cod care desparte textul

<!-- more -->

sa nu apara intre aceste 2 taguri <div>...</div>.
Deci textul vostru in format html nu trebuie sa arate asa:

<div style="text-align: center;">
textul care se vede
<!-- more -->
textul care se vede doar in pagina postarii
</div>

ci asa:

<div style="text-align: center;">
textul care se vede
</div>
<!-- more -->
textul care se vede doar in pagina postarii

Daca totusi trebuie sa despartiti textul acolo atunci inlocuiti cuvantul div cu span si codul va arata asa:

<span style="text-align: center;">
textul care se vede
<!-- more -->
textul care se vede doar in pagina postarii
</span>

2.Permitand accesul la codul sablonului, de-a lungul timpului s-au creat foarte multe noi sabloane compatibile cu Blogger, care ofera codul intr-un format xml si care incarcat pe blog inlocuieste tot codul original al sablonului.
De aici vine si urmatoarea problema. Dupa publicare desi articolul este taiat, link-ul de Read more nu apare la sfarsit. Aici practic trebuie sa introduceti un grup de cod care lipseste sablonului vostru.

Rezolvare:
Duceti-va la Aspect --> Editati html si bifati casuta care extinde codul sablonului. Apoi cautati acest cod:

<data:post.body/>

veti gasi acest grup de coduri:

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Adaugati codul de mai jos imediat dupa acest grup de coduri:
Nota: Aveti grija ca el sa nu existe deja si defapt alta sa fie problema.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Acesta e practic codul care va afisa link-ul vostru.

3. O a treia problema ar fi ca desi butonul de Read more este apasat, textul nu este intrerupt deloc.

Rezolvare: 
Intrati in modul html al editorului si uitati-va la codul care intrerupe textul. Aveti grija ca el sa nu arate asa: <!--more--> ci asa <!-- more -->

Observati spatiul lasat inaite si dupa cuvantul more la codul cel bun.

Deocamdata aceste 3 probleme au fost semnalate. Voi posta aici solutia la alte probleme pe masura ce ele vor aparea. Daca vor mai aparea.