• ACCUEIL
  • blogger

    Améliorer vos textes !




    QUELQUES ASTUCES pour AMÉLIORER  TEXTES & ARTICLES

                                          Un peu de code pour les amateurs !



    • Saut de Ligne
      Blogger ne différencie pas "retour de ligne" et "saut de paragraphe".
      • pour faire un simple  saut de ligne: touche "Entrée" =>   <br />
      • pour faire un saut de paragraphe : 2 fois "Touche Entrée" => <br /> <br />
      • Blogger utilise donc une seule balise <br /> qu'il faut doubler pour faire un saut de paragraphe
    • Ligne de séparation simple 
      la balise <hr> à insérer dans le code html affiche une ligne de séparation


      ou faire un copier coller de cet ensemble:  

    • blabla

      blabla

    • Ligne de séparation configurable

    • Pour ajouter dans un article une ligne horizontale  configurable, ajouter le code suivant en mode html :

        <div style="border-bottom: 1px solid #000;"></div>


      POUR MODIFIER L'ASPECT
      -Pour remplacer la ligne pleine par une ligne en pointillés, remplacer "solid" par "dotted"
      -Pour remplacer la couleur noire de la ligne par une autre couleur, changer "#000"
      -Pour changer l'épaisseur de la ligne, modifier "1px"
      ex:



    • Texte défilant   en mode html, utiliser la balise marquee: 

      <marquee>TEXTE DEFILANT</marquee>

      • Exemples

    TEXTE DEFILANT

    TEXTE
      • Vous pouvez choisir d'autres défilements, couleurs... voici des exemples:

    -Direction
    <marquee direction="right">MON TEXTE</marquee>

    MON TEXTE

    -Cadre bleu ou autre:
    <marquee style="border:BLUE 2px SOLID">MON TEXTE</marquee>
    MON TEXTE


    -Fond bleu ou autre
    <span><marquee direction="left" style="background:LIGHTBLUE">MON TEXTE</marquee></span>

    MON TEXTE

    -Flèches qui bougent
    <marquee behavior="alternate" width="10%">>></marquee>MON TEXTE<marquee behavior="alternate" width="10%"><<</marquee>

    >>MON TEXTE<<

    -Une Direction :  right / up / down/ 
    <marquee direction="right">MON TEXTE</marquee>

    MON TEXTE

    <marquee direction="up">MON TEXTE</marquee>

    MON TEXTE

    <marquee direction="down">MON TEXTE</marquee>

    MON TEXTE



    -Principaux défilements

        -Basique de droite vers gauche
    <marquee>VOTRE TEXTE</marquee>

    VOTRE TEXTE

        -Vers la droite
    <marquee direction="right">VOTRE TEXTE</marquee>

    VOTRE TEXTE


      -Vers gauche puis vers droite : alterner
    <marquee behavior="alternate">VOTRE TEXTE</marquee>

    VOTRE TEXTE




    -Vers le haut
    <marquee direction="up">VOTRE TEXTE</marquee>

    VOTRE TEXTE

    -Vers le bas
    <marquee direction="down">VOTRE TEXTE</marquee>

    VOTRE TEXTE


    -de droite  à gauche :
    <marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VOTRE TEXTE ICI ou IMAGES</span></marquee>

    VOTRE TEXTE ICI ou IMAGES



    -de bas en haut
    <marquee id="id1"direction="up" scrollamount="2" height="200" width="350"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">VOTRE TEXTE ICI ou IMAGES</marquee>
      VOTRE TEXTE ICI ou IMAGES



      =>Voir d'autres possibilités sur le site le Blogger


      • Interdire de copier avec la souris
        dans un gadget HTML/Javascript
        coller ce code
      <script language="JavaScript">
      <!-- Disable ;
      function disableselect(e){return false};
      function reEnable(){return true};
      //if IE4+
      document.onselectstart=new Function ("return false");
      document.oncontextmenu=new Function ("return false");
      //if NS6
      if (window.sidebar){document.onmousedown=disableselect;
      document.onclick=reEnable};
      //-->
      </script>
      • Texte en dégradé de couleur
      BLOG avec BLOGGER
      utiliser ce site web  pour obtenir un code html à intégrer



      • Rayer un mot
        La barre outils Blogger le permet, vous pouvez aussi
        utliser, en mode html,  la balise:
          
        <strike> mot raye</strike>
          Ex : mot raye


      • Zone de texte (cadre)
        insérer ce code
        en mode HTML et modifier ce qui est en fluo
        --------------------------------------------------------------------------
        <form name="copy">
        <div align="center">
        <br /></div>
        <div align="center">
        <textarea cols="60" name="txt" rows="3" style="height: 32px; width: 287px;" wrap="VIRTUAL">ICI MON  TEXTE DANS UN CADRE</textarea></div>
        </form>

        --------------------------------------------------------------------------------



      • Infobulle
      texte support de l'infobulle en passant la souris sur ce texte

      Insérer ce code en mode HTML et modifier
      - le lien
      -aspect : couleur...

      -texte de l'infobulle en fluo :

      <a href="http://blogavecblogger.blogspot.fr/" style="border-bottom: 1px dotted; color: #cc0000; font-weight: bold; text-decoration: none;" title="texte de l'info-bulle au passage de la souris">texte support de l'infobulle en passant la souris sur ce texte</a>



      • Différer la date de publication d'un article
        Désormais impossible avec le nouveau Blogger
      Vous rédigez un article et souhaitez qu'il soit publier plus tard ?

      -Votre article  en cours d'édition (n' a pas encore été publié) est terminé.
      -Cliquer sur  Planifier  > Configurer date et heure > indiquer  selon vos désidératas > OK
      -Publier votre article : il s'affichera dans le blog en fonction  de  la date choisie




      • Barre Outils : Insérer des caractères spéciaux, symboles et flèches
      Désormais  la barre d'outils en propose des centaines à insérer. La difficulté est de trouver le bon symbole ! 





      • Raccourcis claviers pour insérer un caractère spécial 
      => Voir le dossier complet