Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
samedi 31 mai
Bien sûr c'était une blague!
En fait, il s'agit d'une adresse celle ci http://www.netdisaster.com/fr/index.html?tomato??? qui permet de créer des désastres sur son blog ou sur celui des autres.
Allez voir c'est amusant! (j'ai une faible pour la manif...)
Bonne journée
Tags : IoI
vendredi 30 mai
Coup de gueule! Victime d'un lancé de tomates sur mon blog culinaire au secours
Je ne sais pas ce qui se passe regardez par vous même ICI clic! Je suis victime d'un hacker! Au secouuuuuuurs!!!!!
Tags : IoI
mardi 27 mai
Moo cards
Vous êtes fada de votre blog? Vous distribuez souvent l'adresse sur petit bout de papier volant?
Connaissez vous les Moo? Vos futures meilleures amies!
Les moo sont de petites cartes de visites de la taille d'un ticket de métro en papier recyclable, mimi comme tout et très personnalisable. A noter que je n'ai pas d'action, juste que je trouve le concept sympa!
Voici l'adresse du site :
http://fr.moo.com/products/
Tags : Moo
lundi 26 mai
Une image qui change d'apparence au passage de la souris...
Tout est dans le titre. Passez la souris sur l'image et vous verrez!
Voici un exemple de code
<p ><a
href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768888.html"
target="_blank"><img
onmouseout="this.src='http://storage.canalblog.com/55/35/446950/26054180_p.jpg'"
onmouseover="this.src='http://storage.canalblog.com/71/17/302457/24738528_p.jpg'"
src="http://storage.canalblog.com/71/17/302457/24738528_p.jpg"
/></a></p>
Si on dépiote le code ça donne :
<p ><a
href="adresse vers laquelle on arrive si on clique sur l'image"
target="_blank">
<img
onmouseout="this.src='adresse de l'image quand la souris n'est pas dessus'"
onmouseover="this.src='adresse de l'image quand la souris passe dessus'"
src="adresse quand la souris n'est pas dessus"
/></a></p>
Vous pouvez coller cela dans vos colonnes pour illustrer les catégories ou encore dans un menu en image sous la bannière de ce genre.
NB : Pour avoir des adresses d'images, il suffit de les télécharger dans un billet normal de cliquer sur le logo html<> et prendre l'adresse affichée. Nul besoin de valider. Un simple copier/coller suffira.
Chouette non?
Ce tuto vous est offert par Pupuce. Merci à elle!
Si vous souhaitez participer et contribuer à Blogtuto en parrainant un tuto, faites un don dès maintenant!
N'oubliez pas en commentaire de laisser l'adresse de votre blog pour que je puisse vous mettre en parrain ou marraine sur le tuto à venir. Merci d'avance!
Tags : image changeante
Le mode avancé c'est quoi et pourquoi?
De façon récurrente vous me posez ces questions...
Est-ce que je pourrais rajouter des photos? Changer mes billets, enlever, modifier mes textes, liens, photos? Je ne serai pas obligé d'avoir de la pub quand les personnes viennent lire mon blog?
Et puis finalement, pourquoi c'est mieux le mode avancé que le mode normal?
Voici la réponse que je viens de donner à une bloggeuse tentée mais indécise...
"En fait tu ne verras aucune différence sur ton blog tel qu'il est à l'heure actuelle; tu saisiras tes billets comme en ce moment le plus simplement du monde, tu modifieras tes textes, saisiras tes liens et ajouteras tes photos strictement de la même façon qu'aujourd'hui. De ce point de vue RIEN ne change. En fait TOUT ce qui n'est pas dans l'onglet "apparence" ne change pas. Regarde donc ton blog aujourd'hui et demande toi combien de fois il t'arrive d'aller dans cette partie "apparence" de ton blog. Une fois le mode avancé en place on n'a pas nécessairement besoin d'y aller tous les matins (sauf les fadas comme moi qui font mumuse mais bon ça c'est une autre histoire...)
Ce qui change donc, c'est la façon que tu as de changer les couleurs de ton blog, d'ajouter ou de retirer des blocs. Si un matin tu veux enlever les "derniers commentaires" de tes colonnes, tu vas dans les "paramètres" de ton blog, puis dans "bloc" et tu supprimes.
Cela ne sera plus possible de cette manière en mode avancé. Au lieu de faire ce que je viens de décrire comme manip' tu iras dans ton script et tu supprimeras la ligne correspondant à tes "derniers commentaires". Ni plus ni moins.
Si tu veux changer la couleur du fond de ta page c'est dans la feuille de style que tu iras. C'est pour cela que blogtuto existe pour rendre compréhensible ces scripts et cette feuille de style.
Sinon pourquoi passer en mode avancé...
je dirais que mon blog Ligne et papilles (et bien d'autres bien sûr lol) illustre la différence entre un blog en mode normal et un blog en mode avancé. En gros en mode avancé tu peux presque tout faire. En tout cas beaucoup de chose : tu peux personnaliser ton blog comme tu le ferais en décorant ta maison.
Un moteur de recherche? Des colonnes côte à côte, un menu sous la bannière, un moteur de recherche, un index illustré par des photos, une zone texte plus large, des colonnes de tailles variables... Bref beaucoup de choses sur le plan graphique que le mode normal ne permet pas.
Maintenant il y a des tas de blog en mode normal qui sont très jolis et vont très bien! Tout dépend de ce qui te fait envie.
Des fois, juste un petit relooking peut être tout aussi réussit (voir les relooking en mode normal de ban@nière split)!
Un dernier truc sur le mode avancé. Le côté irréversible c'est une idée reçue. Oui le modèle que tu créeras sera en mode avancé mais ton modèle actuel existera toujours en mode normal si tu prends soin de le conserver (voir les tutos pour passer en mode avancé). Tu pourras si tu en as envie revenir en arrière. A ce jour personne ne l'a fait mais bon, je crois que c'est rassurant de le savoir!"
Quant à la pub, elle n'a rien à voir avec le mode avancé. Mais en effet souvent les bloggeurs profitent du mode avancé pour en mettre mais c'est une décision qui appartient aux bloggeurs et non au mode avancé!
Tags : bloginfo, mode avancé
samedi 24 mai
une phrase défilante au dessus de la barre de navigation...
Oui je sais c'est un gadget de plus pas vraiment utile mais tellement amusant! Bon n'en abusez pas quand même! Alors si vous regardez au dessus de la barre de navigation et sur firefox sur les onglets.. vous voyez défiler "BlogTuto les tutos qu'il vous faut"!
Alors en l'occurrence le tuto qu'il vous faut pour ce résultat, c'est celui là et le code, celui qui suit!
<!-- Phrase défilante-->
<script language="JavaScript">
<!--
var txt=" BlogTuto, les tutos qu'il vous faut ici votre texte ";
var espera=300;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
// -->
</script>
A coller en en-tête du script avant la balise </head> et bien sûr sur toutes les pages où vous le voulez...
NB cyberquiches-mode-avancé : Si on veut la phrase défilante sur toutes les pages on copie le code dans "page d'accueil", "page des archives", "pages de l'index des archives", "page d'un message", "page du profil d'un auteur". Et c'est où qu'on les trouve ces pages? Certain(e)s n'ont pas remarqué que au dessus de page d'accueil il y a écrit "sélectionnez" avec un petit menu déroulant. C'est là qu'elles se cachent les vilaines! lol
Ce tuto vous est offert par patacaisse. Merci à elle!
Si vous souhaitez participer et contribuer à Blogtuto en parrainant un tuto, faites un don dès maintenant!
N'oubliez pas en commentaire de laisser l'adresse de votre blog pour que je puisse vous mettre en parrain ou marraine sur le tuto à venir. Merci d'avance!
Tags : mode avancé, phrase défilante
mercredi 21 mai
Comment déclarer les revenus générés par son blog?
Certains (mais ils sont rares) perçoivent quelques deniers grâce à leur blog. Par la pub ou grâce à des partenariats.
J'ai trouvé cet article qui répond parfaitement à cette question souvent posée.
Bonne lecture!
Tags : bloginfo
vendredi 16 mai
Changer la taille de la colonne et de la zone texte sur blogspot/blogger
c'est simple on va dans :
>Mise en page
>modifier le code html
#outer-wrapper {
width: 800px;<-------------- largeur totale
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 580px; <-------------- largeur zone texte
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px; <-------------- largeur colonne
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Bien sûr largeur de texte + de colonne doit être = à la largeur totale!
Tags : colonne, mode avancé
mercredi 14 mai
Retrolien kézako?!
Rétrolien (Trackback)
Vous avez sûrement remarqué cette chose lorsque vous rédigez un message à côté du bouton "Poster et publier".
Vous vous demandez sûrement de quoi ça cause cette affaire!
Alors ce tuto est spécialement à l'attention de Florence.
Le retrolien permet lorsque vous faites référence au billet d'un autre blog d'être cité sur cet autre blog dans le billet en question. Suis je claire?!
En clair, cela donne ceci
dans ce message je participe à un jeu émanant d'un autre blog
Lorsque je saisi mon message je vais chercher le rétrolien du billet auquel je me réfère (sur l'autre blog dont je parle). Le rétrolien se trouve sous la case des commentaires de cette façon
Vous voyez cette ligne :
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=443780&pid=8852892
C'est cette url que vous allez copier dans votre propre billet en cliquant sur
Le résultat après cela donnera la chose suivante sur le blog auquel je fais référence et vers le quel j'ai généré le retrolien, en bas du billet apparaitra la ligne suivante :
Z'avez vu? on parle de mon blog sur celui vers lequel j'ai fait pointé le Trackback (rétrolien). Chouette non?
Compris?
Tags : retrolien, trackback
mardi 13 mai
Monétiser son blog
Les questions, quand un blog commence à tourner, effleurent l'esprit du neo-blogeur. Puis je gagner de l'argent avec mon blog? Est ce éthique ou pas?
Sur le premier point, j'ai cherché des réponses seule comme une grande pendant ma première année de blog, j'ai essayé assez de support pub, pour me faire mon opinion sur le sujet et pour arriver à la conclusion de ne garder que l'important sans perdre de vue l'essentiel. Autrement dit pratiquement plus rien au profit de l'esthétique de mon blog. Car gagner de l'argent avec son blog, en tous cas du côté de la cuisine, c'est comme qui dirait croire au père Noël!
Chacun devra, je crois, se faire sa propre idée de ce qu'il veut attendre de son blog et si il est prêt moyennant quelques euros à renoncer à être vraiment chez lui.
Pour le deuxième point, je crois que ce qui fait nos différences de blogueurs vs site, c'est quand même notre indépendance et notre liberté de pensée qui attirent nos lecteurs. Dans la culinosphère, blogo à laquelle j'appartiens, je crois que pour l'instant, cela reste "sobre" alors que d'autres évoquent des blogo plus consensuelle.
Je vous renvoie sur des billets qui alimenteront le sujet : le premier de Anne du blog papilles et pupilles qui vous expliquera de façon remarquable et pédagogique tous les outils existant sur le net pour monétiser son blog. Merci à elle, pour ce "tuto" exemplaire.
Je vous rappelle d'ailleurs le tuto pour installer google adsence pour les cyberquiches, sur votre blog préféré Blogtuto!
Quand à la discussion sur l'éthique de blogueur face aux marques, une visite chez Stéphane où les acteurs en présence étayent le sujet, vous aurez de quoi vous faire une idée sur l'étique du blogueur, à moins que ce soit sur ce blog ci que vous trouviez un sens à la question.....
Tags : bloginfo