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
- Vous pouvez choisir d'autres défilements, couleurs... voici des exemples:
-Direction
<marquee direction="right">MON TEXTE</marquee>
<marquee direction="right">MON TEXTE</marquee>
-Cadre bleu ou autre:
<marquee style="border:BLUE 2px SOLID">MON TEXTE</marquee>
<marquee style="border:BLUE 2px SOLID">MON TEXTE</marquee>
-Fond bleu ou autre
<span><marquee direction="left" style="background:LIGHTBLUE">MON TEXTE</marquee></span>
<span><marquee direction="left" style="background:LIGHTBLUE">MON TEXTE</marquee></span>
-Flèches qui bougent
<marquee behavior="alternate" width="10%">>></marquee>MON TEXTE<marquee behavior="alternate" width="10%"><<</marquee>
<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>
<marquee direction="right">MON TEXTE</marquee>
<marquee direction="up">MON TEXTE</marquee>
<marquee direction="down">MON TEXTE</marquee>
-Principaux défilements
-Basique de droite vers gauche
<marquee>VOTRE TEXTE</marquee>
-Vers la droite
<marquee direction="right">VOTRE TEXTE</marquee>
-Vers gauche puis vers droite : alterner
<marquee behavior="alternate">VOTRE TEXTE</marquee>
-Vers le haut
<marquee direction="up">VOTRE TEXTE</marquee>
-Vers le bas
<marquee direction="down">VOTRE TEXTE</marquee>
-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>
<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


- Barre Outils : Insérer des caractères spéciaux, symboles et flèches



- Raccourcis claviers pour insérer un caractère spécial