Ajouter un sildeshow a votre blogger

Aujourd'hui je vous montre comment ajouter un sildeshow a vos blogger d'une maniéré très professionnel et avant de commence je vous conseil de prendre une sauvegarde de votre blog , je pense que c'est très facile de le faire il suffit d'aller

Modéle __> sauvegarder/restaurer ___> télecharger le modéle complet
d'abord on va commencer a crée un sildeshow
Allons-y
1er Partie

aller dans code source de votre blog
chercher ]]></b:skin> utilisons ctrl+f

et ensuite fait coller le code suivant suivante avant ]]></b:skin>

2eme partie
chercher </head> et mettez ce code ou le script pour les message par étiquette ou libellé avant </head>

numposts1 = 5;
    label1 = "Featured";
    function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
    function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
           
    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
    }}
    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<div class="contentdiv">
<div class="sliderPostPhoto">
<a href="'+posturl+'"><img width="590" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo">
</div>
</div>
<div class="featuredPost">
<h2>
<a href="'+posturl+'">'+posttitle+'</a></h2>
<span>'+daystr+'</span><p>
'+removeHtmlTag(postcontent,summaryPost)+'...</p>
</div>
</div>
';     
    document.write(trtd);      
    j++;
    }}
    </script>

Vous pouvez modifier ce code, selon votre besoin

summaryPost = 140; -> le nombre de caractère en résumé
des messagesnumposts1 = 5; -> nombre de messages

et, la taille de vos images

width="590" height="240"
3eme Partie
chercher </body> et mettez ce script avant </body>

4eme Partie
Trouvez ce code <div id='main-wrapper'> et de mettre ce code par la suite.

Créer un nouveau article et lui donner l'étiquette ou libellé « Featured ».

- L'image utilisée est de taille de 590x240 pixels par défaut.

Ajouter un sildeshow a votre blogger

Enregistrer un commentaire

Popular Posts