BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog


Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :

http://www.blogtuto.org/

dimanche 14 mars

importer son blog canalblog vers wordpress c'est possible

Il existe désormais un plugin pour faire cela !
Pour en savoir plus : http://www.blogtuto.org/article-le-nouveau-plugin-pour-migrer-son-blog-canalblog-vers-wordpress-44515568.html



Posté par Lavande à 09:29 - Commentaires [2] - Permalien [#]

lundi 31 août

very nice blog #2

 

Demain à 20 heures précise, Very nice blog, le seul, l'unique concours de beauté pour blog va réouvrir ses portes.
  Désormais abrité sous son nom de domaine, le blog du concours a été relooké.
  Le règlement a aussi évolué pour être plus juste et corriger les petits défauts de l'an passé.
 
  Je vous invite à vous inscrire d'ors et déjà afin d'être fin prêt pour le grand démarrage demain.
 
  @ tout de suite ---------------> http://veryniceblog.com



Posté par Lavande à 16:21 - Commentaires [0] - Permalien [#]

mardi 02 décembre

Choisir Firefox pour naviguer plutôt que Explorer, pourquoi?

Vous êtes encore nombreux (hélas!) à naviguer avec Explorer. Je m'en étonne et offusque souvent et tout aussi souvent vous me dites "Mais lavande pourquoi c'est maaaaaaalmaaaaaaal IE"?
Alors voilà j'ai fait pour vous cette petite recherche.

Le premier argument c'est que qu'en informatique il y a des normes et si vous regarder vos scripts vous les verrez tous commencer par W3C. Cette norme permet aux navigateurs de lire correctement vos pages. Sauf que Monsieur Bill, il s'en fout lui. Et pour cause, il est le roi en livrant son navigateur gratos avec windows. Donc le monde doit d'adapter à Monsieur Bill mais lui ben il rechigne à s'adapter aux autres. Ce qui fait des codes absolument imbuvables car il faut la version normée et la version exprès pour Bill.
Et ça c'est terriblement agaçant.
Il y a toute une kyrielles d'avantage à utiliser firefoxfirefox (FF pour les intimes) aussi mais elles sont propres au navigateur lui même qui est bien plus ergonomique et pour cela je vous renvoie vers cette note très bien renseignée http://standblog.orgstandblog.org/blog/post/2008/04/19/10-raisons-de-choisir-Firefoxraisons-de-choisir-Firefox-3
Alors convaincu?
Pour télécharger gratuitement FF c'est ici : http://www.mozilla-europe.orgwww.mozilla-europe.org/fr/firefoxfirefox/

Image_10



Posté par Lavande à 11:18 - FAQ (foire aux questions) - Commentaires [3] - Permalien [#]

dimanche 23 novembre

Diagnostiquer son blog avec google

La question est suffisamment d'importance pour que je lui consacre aujourd'hui ce billet.
Vous êtes nombreux à me demander comment "référencer" ou "mieux référencer" son blog dans les moteurs de recherches.
Bien sûr le B-A-BA consiste à "proposer" votre blog ou site sur les principaux moteurs de recherche.
Et un en particulier... Google!
ça se passe à cette adresse : http://www.google.fr/intl/fr/submit_content.html

Image_2

Ceci étant fait je vous conseille de vous inscrire à google analytics.
Google analytics est un service de statistique pour votre blog. Vous pourrez donc avoir des données précises concernant la fréquentation de votre blog. Qui vient d'où et dans quelle proportion sont autant de réponses qui vous seront données grâce à cet outil.
Il est à noter que pour pouvoir insérer les balises meta qui vous sont données il vous est indispensable d'avoir accès à vos scripts, donc comprendre pour ceux qui sont en mode standard par exemple sur canalblog que cela n'est pas possible.

ceci étant fait vous pourrez consulter différents onglets bien utiles pour évaluer les sources de visites de votre site.

Si je vous parle de cela aujourd'hui c'est que ce début de mois j'ai constaté une baisse suffisamment significative de la fréquentation de mon blog de cuisine pour que je m'intéresse à google analytics de près en quête d'une réponse. Réponse que j'ai trouvé (enfin j'espère).

Image_3

Si au départ j'ai pensé que ma mégalomanie me faisait imaginer que mon blog devait avoir forcément une fréquence de visites régulière, force est de constater grâce au shéma ci dessus qu'il s'est passé quelque chose. Le shéma ci dessus visualise les visites grâce au moteur de recherche Google.

Grâce à cela je sais désormais que j'ai un pb avec ce géant incontournable et que ma mégalomanie n'y est pour rien.

En allant sur la section d'aide aux webmaters de google j'ai pu faire un diagnostique de mon blog et constaté que ô malheur celui ci avait son URL bloquée et diverses autres erreurs...
Image_5 Image_6

Est ce là l'unique raisons de mes pb? C'est à voir. En attendant, la suite des réparations me revient ainsi qu'à ma plateforme que je me suis empressée de contacter.
A noter qu'il est bien sympa d'avoir un interlocuteur au bout du fil dans ces situations en comparaison du silence radio déconcertant de canalblog...

Voilà pour cette petite expérience qui je l'espère vous sera utile.

Retenez donc que vous pouvez faire un diagnostique de votre site avec google et que ça en coûte rien que de voir si tout va bien.

NB : tous les services dont je parle sont gratuits.



Posté par Lavande à 11:41 - Commentaires [0] - Permalien [#]

vendredi 21 novembre

Les finalistes Very nice blog sont ...

Very Nice blog #1

Oyé Oyé!

Les finalistes VNB sont en ligne sur le blog du concours!
A bientôt!



Posté par Lavande à 09:06 - Commentaires [1] - Permalien [#]


mercredi 12 novembre

Création de blog boutique

Une création de blog boutique pour Sally où elle expose ses créations!
Comme toujours, nous avons réalisé en équipe avec Damouredo un blog selon les attentes de notre cliente :-)

Image_3


Pour visiter ce nouveau blog, c'est ici !

http://atelier26.canalblog.com/



Posté par Lavande à 14:36 - Les relookings de blogs! - Commentaires [1] - Permalien [#]

lundi 10 novembre

Flux RSS : le paramétrer !

Qui utilise les flux Rss comprendra ce tuto, les autres ont tout intérêt à se rencarder sur la chose!

Je vous ai déjà parlé de ce que c'était un flux RSS et l'intérêt que cela avait.
L'essayer c'est l'adopter pour ma part j'ai maintenant tous mes blogs chouchous sur mon netvibes et j'en suis une utilisatrice quotidienne. je sais grâce à mon netvibes qui publie quoi et ça me fait gagner un temps fou.

Je me suis aperçue que certains blogs avait leur page publiée en entier et d'autres juste les lignes introductives de leurs notes, m'obligeant à cliquer pour lire et donc occasionnant des visites...

Donc si vous voulez comme moi que votre blog soit visiter en live et non derrière la vitrine il vous faut le paramétrer. Cela se passe sur Canalblog dans les paramètres :

Image_1
Si vous avez tout compris à mon préambule, vous savez quoi mettre, pour les autres, je ne saurai que trop vous recommander de sélectionner "Publier un extrait des derniers messages"

A bon entendeur...

Salut!



Posté par Lavande à 10:02 - Commentaires [0] - Permalien [#]

jeudi 30 octobre

Un menu de plus sous la bannière

ça fait un bout de temps que je cherche un menu comme celui là.
Un menu qui s'intègre facilement dans une bannière qui soit facile à corriger.
Voici donc le principe.
la bannière doit avoir un fond uni pour intégrer harmonieusement les liens du menu.
Visuellement ça donne ça

Image_1

Donc ça donne dans le script deux choses

Sur la feuille de style :

#topbar-logo {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: px;
    border-color: #;
    background: #000000 url("http://p4.storage.canalblog.com/43/75/302457/31869260.jpg") no-repeat 0%; 0%;
    height: 250px;
    display: block;
}
div .logolink a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 250px; <-- ici la hauteur de la bannière
}
#topbar {
    background-color: #CBAFBE; <-- ici la couleur du fond de votre bannière
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    padding: 10px;
    display: block; <-- ici il faut avoir block à la place de none

Dans la page d'accueil, les archives, la page d'un message et la page de l'auteur il faudra ajouter le script de cette façon :

<body>
<div id="container"> <div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"</a></a></div></div><div id="topbar">

<h1>
[<a href="http:votreadresse.com"> Accueil </a> ]
[<a href="http://votreadresse.com"> titre </a> ]
[<a href="http://votreadresse.com"> titre</a> ]
[<a href="http://votreadresse.com"> titre</a> ]
[<a href="http://votreadresse.com"> titre </a>']

</div> </h1>

<!-- colonne de gauche-->

<div id="leftbar"> <div class="navlinks">

Vous avez en gras la partie à coller!

Et voilà le tour est joué!

Chouette non?




Tags :
Posté par Lavande à 17:08 - Commentaires [1] - Permalien [#]

mardi 28 octobre

Faire traverser le blog par des images animées

C'est Halloween et envie de faire traverser votre blog par des chauves souris?


sorcier_002

Alors le script est sensiblement le même que celui pour faire tomber de la neige mais avec un passage de gauche à droite. Fabrice de Over-blog m'a gentiment aidé pour vous proposer cette animation adaptée. Qu'il en soit remercié :-)

Je n'ai pas percé tous les secrets de ce script, je vous laisse faire si le cœur vous en dit. Je mets juste en rouge l'endroit où vous devez mettre vos images.

Donc le script est le suivant :

<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if  ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){
var num = 2;   //Nombre de flocons
var timer = 100; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();

url_gif[0]= "votreimage.gif"; // chauve-souris

url_gif[1]= "votreimage.gif";


nb_floc = 2; // Nombre de d'images diffÈrentes

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');



currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}



if (domWw) r = window;
else{
  if (d.documentElement &&
  typeof d.documentElement.clientWidth == "number" &&
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
else{
  if (d.body &&
  typeof d.body.clientWidth == "number")
  r = d.body;
}
}



function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView &&
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
//  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.95;
//  sx = d.defaultView.scrollMaxX;
  rh = oh; //-sy;
  rw = ow; //-sx;
}
else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.95;
}
h = rh - 2; 
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth*0.80;
}
}



function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}



function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dx = fall[i];
dy = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}



function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}



if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);

else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//End.
</script>

Le script est à coller dans le body. J'ai choisi pour ma part tout en base de la page, ça évite de polluer le script dans lequel vous allez plus souvent.

Allez booooh!




Tags : ,
Posté par Lavande à 16:52 - Commentaires [2] - Permalien [#]

lundi 27 octobre

Et un relooking un!

Cela fait un petit bout de temps déjà que ce blog a été relooké.

Tout le mérite du graphisme revient à Fabhyène.
Le menu déroulant sous la bannière est à noter. Nous avons respecter les choix de couleurs de la bloggeuse.
Allez visiter ce blog!

AVANT

Gamelle production avant

APRES

Image_11

Le blog http://gamelleprod.canalblog.com/




Tags :
Posté par Lavande à 09:31 - Commentaires [2] - Permalien [#]


Fin »
Haut de Page