jeudi 9 août 2012
Comment ajouter read more à blogger et remplacer avec des images
17:44 | 
Publié par
Unknown |
1.Connectez-vous à votre tableau de bord -> mise en page--> Modifier le code HTML
2. Cliquez sur "Développer des modèles de gadget"
3. Faites défiler jusqu'à l'endroit où vous voyez
2. Cliquez sur "Développer des modèles de gadget"
3. Faites défiler jusqu'à l'endroit où vous voyez
</ head>.
4. Maintenant, ajoutez code ci-dessous
4. Maintenant, ajoutez code ci-dessous
juste avant </ head>
script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnailsummary_noimg = 430; //summary length when no imagesummary_img = 340; //summary length when with imageimg_thumb_height = 200;
img_thumb_width = 200;
</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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} }var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}//]]></script>
5. Maintenant, trouver : <data:post.body/>
6.Remplacer le code ci-dessus avec le code ci-dessous.
Vous pouvez changer le mot ... read more en un mot que vous voulez en remplaçant le mot Lire la suite ... en un mot que vous voulez dans le code ci-dessus.
<!-- Auto read more Start --><!-- http://seo-dz.blogspot.com-->
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");</script><a class='more' expr:href='data:post.url'>Read more ...</a><a href=" http://seo-dz.blogspot.com">
</b:if></b:if><!-- Auto read more End -->Vous pouvez passer le mot Read more avec la couleur rouge dans le code ci-dessus en d'autres termes avec une image
En remplaçant read more avec le code
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycWJ1gvFz-k0gN1x_cQ3W-jN5sZC9T0G7H_zznsCa6i_xMy0yzczFODCGKIiI9xS-A4iV5hLl0CwdI1uH6ssZvzVDpc47A7g8Xet0tiQr_SoUDWadzp3z-HD6I-BzRulte7j26qV5eME/s120/blue.png " title="read more " alt="read more "/>
URL en rouge c’est l’URL du l’image uploader sur mon compte picassa
le code final comme ceci
<!-- Auto read more Start --><!-- http://seo-dz.blogspot.com-->
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");</script><a class='more' expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycWJ1gvFz-k0gN1x_cQ3W-jN5sZC9T0G7H_zznsCa6i_xMy0yzczFODCGKIiI9xS-A4iV5hLl0CwdI1uH6ssZvzVDpc47A7g8Xet0tiQr_SoUDWadzp3z-HD6I-BzRulte7j26qV5eME/s120/blue.png " title="read more " alt="read more "/>
</a><a href=" http://seo-dz.blogspot.com">
</b:if></b:if><!-- Auto read more End -->Certains Bouton Prêt à l'emploi
Choisi un bouton et remplacer l’URL en rouge dans le code
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG4-a-0VmSCEZK8PTUyrxYrpCXx4ChclsQnaV60WAMQIeXuuvWEfRU4KGEwg4gbaXEEsPa6VV3z-K-sWNcvOA0vCjpQHFrCA5ERiRX2yc7iEr_DenS-0dUmgU5ydG4STOSbgFGWE9RHgU/s128/read-more-button.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtuxYpn-l8D6S-wKX5khRdXJDI4HODJTqyTpU1rzKFVaeFEOB5oFrb7OKxOT82yxZydNcT_qITbv2ifxpAZz3p3DHLHkugxZLDvipN-1SKlcSOArAcams2vAxeMgKG0rL26KG8hKtSKqM/s128/read-more-button.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKip_rSNVPv6L0Mq7p18qhJJfykAzymVUrrpVz70M88V3o2bCptDbh-2w251oDRs04v5kwqpd4b5zzrfyKY6KZ4VqV43CucQY2JV5XgZj84pNg5fdmWp7_Q0CtAHBWrOhJ09Fd-fONyF8/s128/ReadMore_Button.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8FsXmgpMc8A6bi64dQ1oxZsckqHLduKqFtsj_pmfUTtD1pqpw-Up99AlEWJyRt5GsHZk4i1kyuctRN5WEiaKIGz79kLWvi0FRz6hVQFHXepYnFwPvlw_V7fCdoX1cddiBNCGoDSnTQg/s128/read_more_button.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6VhuaBHFAHwgMp8wTaZ3HP09il5Jn0wVWsf088zBpqNib8q1THdG7LRpJJGMjvl_eTJogrCnuxE1AXjJuT3A9nvw-iVZK4RIuG1CHIPpfUK4pnZfKS1NRo-eJywsYVl1dGkL1_MFJOQ/s128/button_read_more.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9V186RnHllN-dZfihLMn960SFqWaavWc-lQH4omScsvvAMcbc63xBUkg2fpJaoCjzOwJr5oQ-j4nr7lBiYe0w3ult3lflQ8J8kKEx80SYmR5Y-yzZaG5QY8HiBc6iWIPGlPbxL2-n1kI/s128/09-08-2012%202-53-19.png
Libellés :
Blogging
Your Ad here
