Read More automatic pe Blogger

La ce se refera Read More ? Pai sa vedem,read more este ceva de genul: pe prima pagina a sit-ului va aparea o particica din articol si daca articolul contine o poza va aparea si ea la o rezolutie mai mica,iar undeva in dreapta va aparea un textulet (continuare,citeste tot articolul,termina de citit,continua sa citesti...etc). Poate ati vazut pe Bloggerica.com acest lucru.

Sa incepem:
Avem nevoie de un javascript pe care il downloadam de aici .

Javascripul trebuie sa il uploadam (incarcam/urcam) pe un host de fisiere care ne da link direct,va recomand Google Sites sau Boxstr.com . Apoi urmati pasii:
1. draft.blogger.com >>Aspect >> Editati Html
2.Bifati "Extindeti sabloanele control"
3. Apoi cautati (Ctrl+F) tagul </head>

Iar imediat dupa el pastati codul:

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;

summary_noimg = 500;

summary_img = 450;


img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://boxstr.com/files/asd*****___*****/read-more_auto.js' type='text/javascript'/>

Inlocuiti ce este rosu cu link-ul direct al javasciptului pe care l-ati uploadat. Iar ce este cu albastru inlocuiti cu rezolutia imaginii care vaaparea pe prima pagina a sit-ului (thumbnail).
4.Apoi cautati codul:

<data:post.body/>

Si inlocuitil cu acesta:

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Inlocuiti read more cu ce vreti sa apara,de exemplu Continuare ... etc

Acum salvati sablonul si bucurati-va de Read more...