Ajouter read more ( lire plus ) à votre Blog

 

Cet ajout vous permet d'organiser les articles automatiquement , c'est à dire tous les articles vont avoir la même largeur et la même longueur. et la taille des images. Il permet de mettre la longueur des pages de façon très organisé. Pour que les pages ne soient pas grandes.

Première étape:

Ajouter ce code au-dessus ( avant ) la balise </head> :

<script type='text/javascript'>

posts_no_thumb_sum = 400;

posts_thumb_sum = 300;

img_thumb_height = 160;

img_thumb_width = 180;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID, pURL, pTITLE){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';

summ = posts_thumb_sum;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Dans ce modèle si vous voulez que l'image apparait à gauche ; changer à l'intérieur du code float: right par float:left.

Et changer margin-left: 10px; par margin-right: 10px; 

Les premiers chiffres au début du code sont::

Nombre de mots sans l'image ( thumbnail ) : 400

Nombre de mots avec l'image: 300

Hauteur de l'image: 160

Largeur de l'image: 180 

Deuxième étape 

Chercher ce code : <data:post.body/> et changer le par ce code:

<b:if cond='data:blog.pageType not in {"item","static_page"}'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

<a expr:href='data:post.url'>Lire plus</a>

</b:if>

<b:if cond='data:blog.pageType in {"item","static_page"}'>

<data:post.body/>

</b:if>

Troisième étape 

Trouvez ce code en cherchant JumpLink et supprimez le !

<b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>

        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

      </div>

    </b:if>