• 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éfilanten mode html, utiliser la balise: 
      <marquee>TEXTE DEFILANT</marquee>

      TEXTE DEFILANT

      TEXTE


      Vous pouvez améliorer le texte défilant:

      Direction
      <marquee direction="right">TEXTE</marquee>
      Cadre bleu:
      <marquee style="border:BLUE 2px SOLID">TEXTE</marquee>
      Fond bleu
      <span><marquee direction="left" style="background:BLUE">TEXTE</marquee></span>
      Flèches qui bougent
      <marquee behavior="alternate" width="10%">>></marquee>TEXTE<marquee behavior="alternate" width="10%"><<</marquee>
      Direction (tester :  right / up / down/ )
      <marquee direction="right">TEXTE</marquee>

      =>Pour faire défiler un image remplace par l'URL de l'image
      =>D'autres défilement

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

      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>

    =>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
    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