Cum sa faci Blogger (Blogspot) sa afiseze un sumar al poastarii

[YamiKashimModerator Local]

Titlul nu explica prea bine despre ce e vorba... Dar sunt sigur ca ati
vazut bloguri unde pe pagina principala nu era afisat toata postarea,
ci doar o parte a ei, urmand un link catre postul complet.
Unele platforme ofera aceasta optiune, dar Blogger nu, insa nimic nu e imposibil.
ATENTIE Se aplica doar blogurilor create pe platforma Blogger (Blogspot).

Inainte de a incepe, salvati sablonul actual al blogului. Pentru asta mergeti la: Tablou de bord > Aspect > Editati HTML si dati click pe Descărcaţi şablonul complet.
Alegi un loc sigur unde sa salvati sablonul. In cazul in care ati
gresit ceva si blogul nu va mai arata/functiona ca inainte, restaurati
sablonul pe care l-ati salvat.

Eu am reusit instalarea aceasta
la a treia incercare, asa ca aveti rabdare. Asa cum spune si autoarea,
cititi cu atentie tot, recititi, si incepeti urmand pasii exact.

1. Postare noua > tab-ul Editati HTML, apoi inserati in sectiunea continutului

Cod:

This is the summary



This is the rest of the post



(folositi copy/paste pentru mai multa siguranta). Salvati postarea.
Aceasta este una de test, dupa ce terminati stergeti-o.



3.Aspect > Editati HTML > bifati Extindeţi şabloanele control

4.

Cautati in sablonul blogului linia

Cod:

</head>

(folositi functa de cautare a browserului, de obicei disponibila prin apasarea combinatiei de taste Ctrl + F pentru a o gasi mai usor)
Exact inaintea acelei linii inserati codul de [url=http://rarunach.googlepages.com/hackosphere.js.html[/url]

5. Pana aici totul a fost usor. Acum vine partea grea.
In sablon va trebui sa localizati linia:

Cod:

<p><data:post.body/></p>

Aceasta parte a codului ar putea sa arate astfel:

Cod:

 
<div class='post-body>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

  </div>
 


In functie de sablon, in loc de

Cod:

div class='post-body

puteti vedea

Cod:

div class='entry'

sau

Cod:

div class='post-body entry-content

, sau, in cazul sabloanelor third party cu totul altfel.

In acest caz, cea mai buna solutie e sa cautati linia

Cod:

<data:post.body/>

si apoi sa va uitati la codul din jurul acestei linii ca sa va dati seama unde trebuie sa faceti schimbari.

6. Dupa ce v-ati dat seama unde trebuie sa lucrati...
Intre liniile

Cod:

<div class='post-body'

si

Cod:


        <p><data:post.body/></p>

adaugati

Cod:

  expr:id='"post-" + data:post.id' >

   
        #fullpost{display:inline;}
       
   
        #fullpost{display:none;}

, astfel incat dupa editare codul sa arate asa:

Cod:



   
        #fullpost{display:inline;}
       
   
        #fullpost{display:none;}

Apoi, intre

Cod:


        <p><data:post.body/></p>

si

Cod:

          <div style='clear: both;'/> <!-- clear for photos floats -->
  </div> 


adaugati

Cod:

     
              <span id='showlink'>
        <a expr:href='data:post.url'>Read More......</a>
      </span>
      <script type='text/javascript'>
        checkFull("post-" + "<data:post.id/>");
      </script>
    </b:if>


Dupa aceste editari, aceasta parte a sablonului va arata in acest fel:

Cod:



<div class='post-body'  expr:id='"post-" + data:post.id' >

    <b:if cond='data:blog.pageType == "item"'>
        <style>#fullpost{display:inline;}</style>
        <p><data:post.body/></p>
    <b:else/>
        <style>#fullpost{display:none;}</style>

        <p><data:post.body/></p>

      <span id='showlink'>
        <a expr:href='data:post.url'>Read More......</a>
      </span>
      <script type='text/javascript'>
        checkFull("post-" + "<data:post.id/>");
      </script>
    </b:if>

    <div style='clear: both;'/> <!-- clear for photos floats -->
  </div>



6.Previzualizati sablonul. Daca ati editat corect postul de test creat la inceput va arata cam asa
si puteti salva modificarile.
Daca nu va arata asa sau nu veti putea nici macar previzualiza inseamna ca ati facut o greseala. Restaurati sablonul si incercati din nou. Nu incercati sa vedeti unde ati gresit si repara deoarece va va lua mai mult timp decat daca ati lua-o de la inceput!

7. Mergeti la Setari > Formatare.
In josul paginii veti gasi Şablon pentru postare.
In campul de aici inserati

Cod:



This is the summary

<span id="fullpost">

This is the rest of the post

</span>



Este recomandat sa scrieti postarile in modul Editati HTML deoarece in modul normal riscati sa stergeti ceva din Sablonul pentru postare si sa nu obtineti efectul dorit.
Daca doriti ca o postare sa apara in modul clasic, fara a se afisa un sumar, stergeti

Cod:

This is the summary

<span id="fullpost">

This is the rest of the post

</span>


atunci cand sunteti in Editare HTML.

Cred ca este evident ca in loc de This is the summary veti scrie sumarul, iar in loc de This is the rest of the post continuarea.

Puteti inlocui Read More...... din linia

Cod:

        <a expr:href='data:post.url'>Read More......</a>

cu ce vreti voi, de exemplu "Citeste postul complet".


Sursa tutorialului (cod, implementare, mod de folosire ,tot): BloggerBuster.com

îmi place nu îmi place

ROG MODERATORII SI ADMINISTRATORII SA NU EDITEZE NICIUNUL DIN POSTURILE DE MAI SUS, DEOARECE RISCA SA DISTRUGA CODUL HTML DIN CAUZA FELULUI IN CARE FORUMUL IL IMPLEMENTEAZA IN POSTARI!

EU NU MA FAC VINOVAT DE NICIUNA DIN MODIFICARILE CE POT SURVENI DUPA EDITAREA POSTARILOR SI NU LE VOI REFACE!

îmi place nu îmi place