Personnalisation customisation et amelioration d’un blog blogger blogspot

Texte apparaissant façon machine à écrire

Superbe texte défilant

Bonjour je vous présente ce texte défilant type machine à écrire.
Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y va !.
Il suffit de mettre la balise
et voila.
Vous pouvez changer :

Le contenu HTML dans le div id="sticker"
Le style dans la feuille de style
Dans le script
- La vitesse d'écriture.
- Le temps de pause a la fin du texte.

Voila j'espère que la démo vous a plus.

Salut a tous les webmaster et bon surf a tous.
script trouvé sur Optimisation-blogger.blogspot.com

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Superbe texte défilant</title>
<style>
#ticker{font-family:cursive;color:blue;
}
</style>
  <script type="text/javascript">

</script>
</head>
<body >
<div id="ticker">Bonjour je vous présente ce texte défilant type machine à écrire.<br>
Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y va !.<br>
Il suffit de mettre la balise <br /> et voila.<br>
  Vous pouvez changer :
</p>
<ul>
  <li>Le contenu HTML dans le div id="sticker"</li>
  <li>Le style dans la feuille de  style </li>
  <li>Dans le script
    <ul>
      <li>La vitesse d'écriture.
  </li>
      <li>Le temps de pause a la fin du texte.</li>
    </ul>
  </li>
</ul>
   Voila j'espère que la démo vous a plus.<br>
Si vous voulez m'envoyer un mail voici mon adresse :<br>
ici ton adresse e-mail
<center>
  <p>Salut a tous les webmaster et bon surf a tous.
</p>
  <p>script trouvé sur Optimisation-blogger.blogspot.com</p>
</center>
</div>

</body>
</html>

texte t

Texte apparaissant type machine a ecrire

Texte Zoom in et Zoom out

Code:

/*
Inserer ici les messages à afficher
*/
var message2 = new initTableau(
"Optimisation-blogger.blogspot.com",
"vous propose",
"des tonnes de codes",
"pour votre site !"
);

/*
Déclaration de variables
vous pouvez modifier la vitesse et la taille de police max!
Attention : Plus vitesse est haut, plus la vitesse diminue!
*/
var vitesse = 1;
var cycle = 1000;
var taillemax = 36;
var police = "Arial";
var x = 0;
var y = 0;
var message, taille;

/*
Ne plus rien modifié sous cette ligne
*/

function initTableau() {
 this.length = initTableau.arguments.length;
 for (var i = 0; i < this.length; i++) {
  this[i] = initTableau.arguments[i];
    }
 }

function DiminueTaille(){
 if (x > 1) {
  x--;
  setTimeout("DiminueTaille()",vitesse);
  }
 else {
  setTimeout("AugmenteTaille()",cycle);
  y++;
  if (y > message2.length - 1) y = 0;
  }

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
  taille = "<font point-size='"+x+"pt'>"; 
  document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
  document.calque.document.close();
  }
 /*
 Condition pour Netscape 6
 */
 if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
  document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";

}

if (navigator.appVersion.indexOf("MSIE") != -1){
  calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
  calque.style.fontSize=x+'px'
    }
 }

/*
On adapte le calque selon le navigateur
*/

if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
document.write('<layer id="calque"></layer><br>');
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="calque"></span><br>');

setTimeout("AugmenteTaille()",vitesse);
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

zoom texte elastique grossi retreci blogger

Problèmes dans une textarea -> Balise Br ou d’espace :

Blogger facilite la modification du code HTML en faisant pour nous les retours à la ligne <BR> lorsque l'on presse entré.
Cependant si cela est bien pratique il empêche néanmoins le bon fonctionement des zones de texte modulables <textarea> (Tuto ici).

Aussi il convient de désactiver cette option en indiquant d'utiliser des balises <BR>.

Explications en photos:

textarea balise br espace blanc <br> problème

Texte défilant vers le haut

Ceci permet de faire circuler le texte vers le haut !!!

Code:

<marquee direction="up" height="150" onmouseout="function anonymous() { this.start() }" onmouseover="function anonymous() { this.STOP() }" scrollamount="1" scrolldelay="5" width="300"><center><span style="color: black; font-size: x-small;">TAPEZ VOTRE TEXTE ICI</span></center></marquee>

texte defilant vers le haut blogger

Afficher un titre défilant dans la barre du navigateur

Voici un script assez sympa qui permet d'afficher un titre défilant dans la barre du navigateur.
Vous devez vous rendre dans:
Tableau de bord -> Présentation -> Modifier le code HTML
Et juste au dessus de </head> vous copiez ce code:

var titre ="VOTRE TEXTE ICI"

function bougerTitre(){

titre = titre.substring(1, titre.length) + titre.substring(0, 1);

document.title = titre;

setTimeout("bougerTitre()",100);

}

bougerTitre();

</script>

</head> <--- Pour information (ne pas copier!)

Remarque: 100 représente la vitesse. Plus le nombre est élevé et plus l'animation est lente. Sur ma page celle ci est réglée sur 200.
titre defilant barre navigateur blogger blogspot

Texte effet néon

Code ici:

<center><h1>
<script language="JavaScript1.2">
var message="Optimisation-blogger.blogspot.com" //
var neonbasecolor="black" //couleur de base du texte
var neontextcolor="#509188"
var neontextcolor2="#C3F1EB"
var flashspeed=100 // vitesse du flashing en millisecondes
var flashingletters=3 // nombre de lettres qui flashent en neontextcolor
var flashingletters2=1 // nombre de lettres qui flashent en neontextcolor2 (0 pour désactiver)
var flashpause=0 // pause entre les cycles de flashing en millisecondes

///Ne rien toucher sous cette ligne///
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h1></center>

Effet neon texte blog blog blogger

Insérer zone de texte modulable

Il s'agit d'une zone comme celle ci:

1. Modèle classique:

------------------- VOTRE TEXTE ICI --------------------

Code:

<textarea cols="60" name="textarea" onfocus="this.select();" readonly="" rows="3" style="background-attachment: initial; background-clip: initial; background-color: infobackground; background-image: initial; background-origin: initial; font-family: georgia; font-weight: normal; height: 100px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 600px;" title="Code iframe"> --- VOTRE TEXTE --- </textarea>

2. Modèle avec option de sélection du texte:

Paramètres:

Hauteur et Largeur

Texte

Rmq: Si vous rencontrez des problèmes suivant:

- Balises <BR> dans votre texte

- Et que votre texte est entièrement collé sans espace.

Alors rendez vous sur ce tuto: Lien

e blogger blogspot

Texte qui clignote!

Bonjour et bienvenue sur le site

<table>
<tr height="50">
<td>
<div id="MonElement" class="EX_div" style="diplay:block;"> <font color=#FF0000>
--- VOTRE TEXTE ---</font>
</div>
</td>
</tr>
</table>
<script>
function clignotement(){
if (document.getElementById("MonElement").style.display=="block")
document.getElementById("MonElement").style.display="none";
else
document.getElementById("MonElement").style.display="block";
}
// mise en place de l appel régulier de la fonction toutes les 0.5 secondes
setInterval("clignotement()", 500);
</script>

Copier-coller du texte depuis Word vers blogger

Il n'est pas possible de copier-coller du texte depuis Word à destination de son blog.
Il existe des éditeurs de textes comme Wordpad ou bien Notepad avec lesquels cela fonctionne très bien.
Il suffit donc de copier votre texte directement vers ce type de programme avant de le coller vers le message de votre blog.

Résumé:

Copier coller word blogger blogspot style