jeudi 9 août 2012

Comment ajouter read more à blogger et remplacer avec des images

ajjouter lire la suite à blogger
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
 </ head>.
4. Maintenant, ajoutez code ci-dessous  
juste avant </ head>


script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_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 == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<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 == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<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

lire la suite

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG4-a-0VmSCEZK8PTUyrxYrpCXx4ChclsQnaV60WAMQIeXuuvWEfRU4KGEwg4gbaXEEsPa6VV3z-K-sWNcvOA0vCjpQHFrCA5ERiRX2yc7iEr_DenS-0dUmgU5ydG4STOSbgFGWE9RHgU/s128/read-more-button.jpg

lire la suite bouton

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


lire la suite
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8FsXmgpMc8A6bi64dQ1oxZsckqHLduKqFtsj_pmfUTtD1pqpw-Up99AlEWJyRt5GsHZk4i1kyuctRN5WEiaKIGz79kLWvi0FRz6hVQFHXepYnFwPvlw_V7fCdoX1cddiBNCGoDSnTQg/s128/read_more_button.gif


lire la suite blanc bouton
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6VhuaBHFAHwgMp8wTaZ3HP09il5Jn0wVWsf088zBpqNib8q1THdG7LRpJJGMjvl_eTJogrCnuxE1AXjJuT3A9nvw-iVZK4RIuG1CHIPpfUK4pnZfKS1NRo-eJywsYVl1dGkL1_MFJOQ/s128/button_read_more.gif

lire la suite
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9V186RnHllN-dZfihLMn960SFqWaavWc-lQH4omScsvvAMcbc63xBUkg2fpJaoCjzOwJr5oQ-j4nr7lBiYe0w3ult3lflQ8J8kKEx80SYmR5Y-yzZaG5QY8HiBc6iWIPGlPbxL2-n1kI/s128/09-08-2012%202-53-19.png






read more
lundi 6 août 2012

Simple astuce pour augmenter le nombre de clics Google Adsense

colorpix

Simple trick to increase the number of clicks Google Adsense
 Voici quelques conseils qui peuvent considérablement augmenter vos revenues AdSense.
Pour choisir les couleurs de la rédaction du Google Adsense est déjà affectant ou négatif sur la pression des coûts et donc les bénéfices pour Google Adsense, plus les couleurs de lignes d'écriture de la publicité compatible avec les couleurs de la blooger code ou blogs »l'autre, meilleure est la plus élevée, la proportion de la pression et donc les profits sont bons, mais parfois il ya un certain les couleurs ne sais pas que le code dans cette rubrique, nous vous expliquerons le programme dans une petite taille mais grand par son travail couleur Pix
 ColorPix est un programme excellent rendu des couleurs et professionnel 
sélecteur qui nous aidera à saisir n'importe quelle couleur de la partie un de nos ecran.Vous pouvez choisir une couleur appropriée de la palette et de copier sa valeur à la clipboard.ColorPix est un sélecteur de couleur utile qui saisit le pixel sous la souris et le transforme en un certain nombre de formats de couleurs différentes.
Vous pouvez utiliser le haut-loupe pour zoomer sur votre écran, cliquez sur une valeur de couleur pour le copier directement dans le presse papier, et même garder ColorPix au-dessus de toutes les autres applications et à l'extérieur de la way.vous pouvez utiliser le ColorPix dans des façons suivantes :
Voir l’annance google avant de changement les couleur du titre avec colorpix


 
double cliquez sur son icone puis utiliser votre souris comme une pipette.
Placez le pointeur de la souris sur la couleur que vous voulez savoir codeHex puis appuyez sur n'importe quelle touche sur le clavier de son investiture, puis appuyez sur les touches CTRL + C pour copier le code.
Maintenant pour personaliser les couleurs de l’annance google,coller le code hex crée à partir du programme colorpix  comme suit 
Voila les resultat du titre du post blogger en meme couleur avec les couleurs du titre google adsense

Télécharger gratuitement ColorSchemer ColorPix
http://www.colorschemer.com
ou utiliser le lien direct colorpix













read more
Related Posts Plugin for WordPress, Blogger...
Fourni par Blogger.

Your Ad here

Conseils pratiques pour réussir votre référencement SEO Headline Animator

Qui êtes-vous ?

Search

Recherche personnalisée

Best Seo Books

Abonnez-vous à mes vidéos sur YouTube

Website Translator

Follow me

Follow Us

Infolinks In Text Ads

SUBSCRIB

Enter your email address:

Delivered by FeedBurner

Followers

About This Blog

Finf Us On Facebook

free counters