Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
samedi 30 août
ça y est...!
Je vous en ai un peu parlé il y a quelques jours.
Blogtuto déménage.
Désormais, le nouveau blog permettra
- de naviguer avec une seule adresse courte www.blogtuto.org, quelle que soit la plateforme, quelle que soit la recherche.
- d'avoir les infos qui concernent tous les bloggeurs sans distinction de plateforme mais toujours avec un classement adapté à chacun avec la plateforme et un sous classement selon que vous soyez en mode normal ou avancé.
Blogtuto canalblog ne ferme pas mais sera le relais des infos publiées sur blogtuto.org. Les tutos ne seront plus disponibles que sur blogtuto.org. Ils ont tous été transféré et sont désormais dispo. Il se peut que lors de la migration des bugs soient intervenus, je compte sur vous pour me les signaler afin que le contenu soit rapidement conforme.
Certains m'ont demandé pourquoi...
Je crois que derrière les raisons techniques, il y a un facteur humain.
Derrière la nouvelle plateforme où je vais, il y a des gens qui croient en blogtuto. Des gens qui soutiennent le projet et qui le mettent en avant.
Chez canalblog même si j'aime cette plateforme, c'est le desert des tartares. Je leur ai encore écrit cette semaine et comme depuis 1 an et demi je n'ai jamais de réponse. Quand "en face" j'ai un contact direct via MSN avec des collaborateurs des plateformes!
Les gens enfermés dans leur tour d'ivoire finissent par vivre à côté de la vraie vie.
Cet été, j'ai été voir sur deux autres plateformes si l'herbe était plus verte et force et de constater que c'est quand même très plaisant d'avoir des vrais gens soucieux de votre bien être chez eux, qui répondent aux questions techniques, qui sont prêts à transmettre, qui sont à l'écoute des améliorations que vous suggérez...
Voilà les raisons de ce déménagement. blogtuto.org aurait pu (du) vivre chez canalblog, mais c'est chez Over-blog qu'il grandira.
Mettez vos liens à jour, déménagez votre abonnement à la newseletter!
le code du badge avec la nouvelle adresse est désormais
le code est le suivant :
<p><a href="http://www.blogtuto.org" mce_href="http://www.blogtuto.org"><img key="8899aa3b1113db607e16f95b7bd2ea86" src="http://idata.over-blog.com/2/18/61/24//Badge-BT-H-F.gif" mce_src="http://idata.over-blog.com/2/18/61/24//Badge-BT-H-F.gif" class="CtreTexte" height="15" width="105" /></a></p>
pour le code de l'image avec la nouvelle adresse 
<p><a href="http://www.blogtuto.org" mce_href="http://www.blogtuto.org"><img width="120" height="90" border="0" src="http://storage.canalblog.com/36/70/255579/24178671_p.jpg" mce_src="http://storage.canalblog.com/36/70/255579/24178671_p.jpg" alt="bouton_blogtuto" /></a></p>
N'hésitez pas à me donner vos impressions sur cette nouveauté!
@ très bientôt sur blogtuto.org!
Lavande
dimanche 24 août
Mettre un aperçu sur un lien
Peut être avez vous remarqué que certains blog, au passage de la souris sur un lien extérieur, affichent une fenêtre avec le contenu du lien cité. Pour illustrer mes propos, car je ne suis pas sûre d'être très claire (hum hum), j'ai installé la fonction sur blogtuto et vous pouvez voir dans la rubrique "ils ont fait un don" qu'en passant la souris vous avez une image de ce qui se passe chez ces Gentils Donateurs.
ça n'a rien de très compliqué, il vous faut vous rendre à cette adresse :
https://account.snap.com/
vous inscrire, choisir la couleur de la petite bulle 
et de coller le code qui vous sera donné avant la balise </body> qui est tout en bas du script. Bien sûr si vous voulez que la fonction soit active dans tous votre blog, coller le code sur toutes les pages : page d'accueil, page d'un message, page des archives, index des archives, auteur.
Tags : aperçu
jeudi 21 août
Afficher tous les tags
Une petite idée en passant comme ça, car je constate que nombre d'entre vous sont gênés par le nombre de tags limités à 30 mots clés sur la page d'accueil et sur les autres pages d'ailleurs.
Comme vous le savez (ou pas) la liste des tags est complète sur la page de l'index des archives. Je vous suggère donc de mettre un lien vers cette page comme je l'ai fait sur blogtuto qui renvoie vers cette page des archives
ce qui donne sur ma page ceci "afficher tous les tags":
une simple ligne ajoutée sur la page de cette façon
<!-- tags-->
<div class="title">Tags</div>
<p style="text-align: left;"><a href="http://votreblog.canalblog.com/archives/index.html">
Afficher tous les tags</a></p>
<ul class="tagcloud">
A insérer sur la page d'accueil, page des archives, pages d'un message et page d'un auteur
(inutile sur la page de l'index des archives)
Tags : tags
mardi 19 août
Fin de ban@nière split
Damouredo pense que les responsables de ses maux sont ces blogs.
Elle a décidé de repartir de zéro et a tout supprimé, Damouredo et Ban@nière split.
Je lui souhaite de trouver la paix dans cette nouvelle vie sans blogs.
lundi 11 août
Deux widgets sympa pour blog! (mode avancé)
Deux mais en fait il y en a d'autres. Mais ceux là, moi, j'aime bien.
Le premier calcule automatiquement les pages les plus populaires du blog et est à afficher dans vos colonnes.
Le modèle est visible en situation sur mon blog de cuisine ou sur blogtuto ici même
Le deuxième widget suggère aux lecteurs qui postent un commentaire des liens vers des billets ayant lu le billet et ayant été en lire d'autres.
Le modèle est installé sur blogtuto juste du formulaire des commentaires ou également sur mon blog de cuisine (pas que je veuille me faire de la pub mais c'est plus parlant ;-)
Le truc sympa c'est que comme vous pouvez le voir, ces widgets peuvent être customisé aux couleurs de votre blog (ça j'aime beaucoup!). Bon le truc moins drôle c'est que le titre est en anglais mais rien ne vous empêche de mettre une petite ligne pour traduire la bête!
La bonne adresse à retenir pour avoir ces widgets est la suivante :
http://feedjit.com/
Vous y trouverez également un widget pour localiser les visiteurs de votre blog ou encore pour savoir en temps réel qui lit quoi... Un véritable oeil de Moscou!
Ce tuto vous a plu? Vous voulez parrainer un tuto?
Faite un don pour soutenir Blogtuto!
Tags : adresses, widgets
lundi 04 août
Rediriger ses lecteurs vers sa nouvelle adresse
Tout est dans le titre! Votre blog a déménagé et vous voulez que vos lecteurs vous suivent?
Le code a insérer avant la balise </head> est le suivant :
<meta http-equiv="refresh" content="1; url=http://votrenouvelleadresse.com" />
1 précise de temps en secondes au bout duquel le lecteur est redirigé à la fin du chargement de la page.
A noter que ce code fonctionne si vous voulez rediriger message par message. Dans ce cas éditer votre message, cliquez sur 
et renseignez le code. C'est long fastidieux mais utile quand les moteurs de recherche continue à envoyer vos visiteurs à votre ancienne adresse!
Tags : déménagement, redirection
Relooking Over-Blog et Haut et fort
Comme vous le savez pour la plupart d'entre vous, Damouredo pour la partie esthétique et moi même pour la partie technique proposons de relooker ou simplement de passer en mode avancé votre blog sur Canalblog!
Et comme chez BlogTuto on arrête pas le progrès, désormais cette possibilité est offerte aux blogs Over-Blog et aux blogs de la plateforme Haut et fort.
Écrivez nous si vous souhaitez avoir un devis!
Et consulter les relooking déjà réalisés ici
Tags : Relooking
dimanche 03 août
Un texte qui change au passage de la souris
Idéal pour jouer aux devinettes, pour mettre un peu de fantaisie dans vos colonnes ou animer vos textes...
Passez votre souris ici...
Bon c'est tout simple!
En mode html 
dans une message vous copiez le code suivant
<p><font face="Comics" color="pink" onmouseout="this.innerHTML='Passez votre souris ici...'" onmouseover="this.innerHTML='et coucou me voilà!'" style="font-size: 30px;">Passez votre souris ici...<br /></font> </p>
En détails...
style="FONT-SIZE: 30px; <------ici il s'agit de la taille du texte
COLOR: #000000; <------ ici mettez la couleur
FONT-FAMILY: Comics"<------ ici la police de caractère
Une fois que votre texte est paramétré vous pouvez le copier dans une de vos colonnes si vous voulez!
Tags : changeant, texte fixe
samedi 02 août
Mettre de la musique sur mon blog avec Deezer
EDIT DU 17 AVRIL 2009
CE TUTO A ETE MIS A JOUR SUR LE NOUVEAU BLOGTUTO
MERCI DE CONSULTER CETTE NOTE : http://www.blogtuto.org/article-22158981.html
Alors d'abord on s'inscrit ici...c'est gratuit : http://www.deezer.com/
Et c'est super, y a même en français, suffit de cliquer sur le bon drapeau en haut à droite !!
Une fois que c'est fait en ayant cliquer sur le lien de confirmation reçu dans votre messagerie...vous vous connectez avec votre identifiant (vous savez que vous êtes bien connectés car on vous dit "Welcome ou Bienvenue xxxx) et vous arrivez sur cette page :
Cliquez sur les écrans pour voir en GRAND !
1 - Dans la barre de recherche vous renseignez le titre ou l'interprète du titre que vous voulez :
La page suivante se présente alors :
2 - J'arrive sur une liste...je sélectionne la chanson voulue en cliquant sur la flèche qui se trouve devant (Ici, c'est "Foundations" qui m'intéresse.... Le lecteur à droite en haut démarre...
3 - et sous le lecteur j'obtiens le code du lecteur exportable
NB : vous pouvez à ce stade personnaliser les couleurs du lecteur.
Là apparait un code HTML sur la ligne lecteur exportable (oui le truc zarbi...avec des ", des > et des mots comme target ou ref...) que je vais devoir insérer sur mon blog...
Attention, si je clique sur la case "lecture automatique"...cela veut dire que la musique démarrera toute seule sur mon blog...sinon je décoche la case et mes visiteurs devront cliquer sur le lecteur pour démarrer la musique ou non sur mon blog !
On verra plus bas, comment jouer avec cette lecture automatique *...directement sur son blog...pour éviter de tout recharger si le lendemain vous souhaitez écrire un nouvel article avec une nouvelle chanson. Ceci pour éviter que toutes les chansons se lancent en même temps...
Rien de plus énervant d'avoir 3 lecteurs qui démarrent en même temps avec 3 chansons différentes sur vos blogs...Bonjour la cacophonie !!!
4 - clic sur "copier" ou si vous avez personnalisez sur "copier ce code"
Je laisse de côté Deezer...
Je vais ensuite dans le panneau d'administration de mon blog...pour aller rédiger un nouveau message...
5 - "Nouveau message"...puis sur les 2 signes 
dans la barre d'outils de rédaction de message de mon blog. J'accède à l'endroit où je vais pouvoir insérer mon code HTML
Je fais un clic droit sur ma souris et je choisi "coller" et mon code apparait !
* S'amuser avec la lecture automatique du code de la chanson...
C'est là que je vais pouvoir modifier ou non "AUTOPLAY"...
En informatique, "Marche" c'est 1 et "Arrêt" c'est 0...donc on cherche où se trouve le mot "autoplay" dans le code...et on va modifier la donnée...
MARCHE avec autoplay 1
<div style="width:180px;height:25px;"><object width="180"
height="25"><param name="movie"
value="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground
=0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=1"></param><embed src="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=1"
type="application/x-shockwave-flash" width="180"
height="25"></embed></object><a
href="http://www.deezer.com/"
style="border:none;margin:0;padding:0;"><img
src="http://www.deezer.com/embedded/footer.jpg" alt="free music"
title="free music" border="0" style="border:none;margin:0;padding:0;"
/></a></div>
ARRET avec autoplay 0
<div style="width:180px;height:25px;"><object width="180"
height="25"><param name="movie"
value="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=0"></param><embed
src="http://www.deezer.com/embedded/small-widget.swf?idSong=161116&colorBackground=
0x096BA6&colorButtons=0x06507B&textColor1=0xFAE805&autoplay=0"
type="application/x-shockwave-flash" width="180"
height="25"></embed></object><a
href="http://www.deezer.com/"
style="border:none;margin:0;padding:0;"><img
src="http://www.deezer.com/embedded/footer.jpg" alt="free music"
title="free music" border="0" style="border:none;margin:0;padding:0;"
/></a></div>
Voilà ! Ça marche ! Bon c'est pas kate nash mais moi j'aime Brassens et sa Fernande lol
Et comme j'ai choisi de mettre l'autoplay du lecteur à 0...c'est à vous de lancer la chanson ! Appuyer sur la flèche.
Si cela vous intéresse...je vous expliquerai comment créer une "Playlist" avec plusieurs chansons à la suite...oui, oui on peut le faire !!
Tags : deezer, musique