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>
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
- Rayer un motLa barre outils Blogger le permet, vous pouvez aussiutliser, 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
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
-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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRZDfyCRrr0cwhs5nsy8GMAQJZWfAWMOBkQmFKYSpJyZbmYRMqacrFw4-p1zUP3T90cdl6wS2NZhUNG3CfoZnv5cLp0dqeNzpPh-XoXB7mK2RPU7bCuN-uw8n4lRJjl7nDqGXmfuTI1BI/s1600/2020-04-29_122622.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ0kAq8LMOkDLcxfX9RHGOhHWomNAKwNvVTuSkreQ39ez-Kd_tOlNuef9-s1N6RJoHlMziN2Q99l1rhfPigEky5UnuWe_eH7a6A8mzjfCyG_h6p1N-n8qV3LVjDtxrmxQ0g2q9UxDe7Nc/s320/2020-04-29_122647.png)
- Barre Outils : Insérer des caractères spéciaux, symboles et flèches
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXq8h-nwQ4iHiSG3UyrJDdSZxccw2BM-oqwCpQi6HofXzpzpih0ScpCrsm1b2AKc7zOupNvAj3MqS-6CuzEqC95bJBKuecAN280NJmRXw-XW4dNsEUs67gbm05_H7_wGx6yqeOF9kxW7g/s320/2019-10-05_170839.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLq9UfaKmwhnY7gZAqHNVD7HS8ns1gqKPdkoUEEEmuEyVDHpk_JH3kIvqlEMhkU3Y0A5TZm1K8DvVHxHsE0_x9bVTjGhckMvNVI-LlUvsjtW3sIqmnAOQb5eHMas2gChgGUr5kD8s5_A/s320/2019-10-05_171125.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKoJQPV0xpNF4E1FPB7BizdAFPhDa3cWqbJ6bTbU6hIjOZHkt3tEv2F54pApEdGpj46q896VVogu8g8dJGPrS43-m2_X9T0LJ5VIbhuePnmqYaBrofxDr-OKhgmpxCCiBdFGCVbK-Ot8/s320/2019-10-05_171141.png)
- Raccourcis claviers pour insérer un caractère spécial