01 novembre 2006
COMMENT CREER UNE CATEGORIE
Vous avez 2 possibilités :
1. Lors de la rédaction de votre article
Allez dans Poster dans et cliquez sur "Ajouter une nouvelle catégorie"
Indiquez alors le NOM de la nouvelle catégorie (Attention, pas plus de 64 caractères) et n'oubliez pas de VALIDER
Votre catégorie est crée et l'article que vous allez rédiger sera automatiquement rangé dans cette catégorie !
****
2ème possibilité :
Allez dans l'onglet CONTENU, puis cliquez sur CATEGORIES.
Vous arrivez sur cet écran :
Voilà, votre nouvelle catégorie est crée !
Vous retrouvez ensuite toutes vos catégories DEJA créées dans la liste ci-dessous.
Si vous cliquez sur EDITER, vous pouvez de nouveau les modifier !
Important : Les catégories n'apparaissent sur ton blog (en lecture) qu'au fur et à mesure que les articles sont rangés à l'intérieur. Si une catégorie ne contient aucun article...elle n'apparaitra pas sur ton blog pour tes visiteurs.
Petite astuce : Vos catégories sont rangées sur votre blog par ordre alphabétique, si vous souhaitez les ranger autrement...il vous suffit de les nommer ainsi :
01. Revue de presse
02. Mode avancé
03. etc...
03 novembre 2006
CREER UN DIAPORAMA
Merci à LENON13 de nous avoir communiqué son tutoriel pour insérer un diaporama sur son blog !
Le tuto est ICI
18 décembre 2006
METTRE UN LIEN VERS UN AUTRE BLOG DANS MON MESSAGE
C'est une question qui nous a été posée...et pas eu le temps d'y répondre. Alors voilà enfin ce tuto...
J'ai envie de parler de ma copine Agrippine...qui a un très joli blog...Comment faire pour mettre un lien vers son blog ?
Tout d'abord aller sur son blog...et faire un copié-collé de son adresse internet...comme ceci en faisant CTRL + C :
Revenir ensuite dans votre message...et surgraisser l'endroit où vous voulez que votre souris affiche le lien.
Il suffit simplement de cliquer ICI
Et voilà !
09 janvier 2007
COMMENT INSERER UN PODCAST
Voilà un petit tuto qui en aidera plus d'une. Vous allez apprendre comment faire cela :
Voici donc une petite aide pour tous pour insérer un Dew Player sur vos blog.
Mais avant tous faut avoir accès a l’edition html de vos article.
----- facultatif ----
Attention : Vous devez installer votre propre Dew player car si je supprime mon compte, cela ne marchera pas.
Vous pouvez donc installer préalablement le dew player sur VOTRE compte.
Pour cela, faites un clic droit sur le lien suivante dewplayer puis "Enregistrer la cible sous..."
Connectez vous ensuite sur votre compte de votre blog puis allez pour écrire un nouveaux message. Envoyez votre dewplayer.swf comme un fichier (Faite comme expliquer au dessous avec votre fichier .mp3 pour le déroulement). Copier l'URL de votre dewplayer quelque part (notepad ou la bloc-note par exemple).
----- fin du facultatif ----
1- Pour insérer une musique sur votre blog, il faut que vous ayez ce fichier sur votre disque dur au format MP3.
2- Connectez vous sur votre compte blog puis cliquez sur nouveaux message
3- Cliquez sur l'onglet "Editer le HTML" (<>) puis dessous, sur la petite icône blanc (à gauche de <>)
4- Cliquez pour envoyer un fichier "Parcourir...", puis sélectionner le MP3 sur votre disque dur. Cliquez ensuite sur "Envoyer le fichier"
NB: Attention Canalblog ne prends en charge que des fichier en dessous de 1Mo. Si votre fichier est plus gros, hegerger le sur un hebergeur spécialisé.
NB: Si vous publiez votre note à ce stade, vos visiteurs pourront télécharger votre musique. Les étapes suivantes vous expliquent comme insérer un petit lecteur directement dans votre note.
5- Sur votre éditeur de note, vous avez maintenant du code qui ressemble à :
<a href="http://storage.canalblog.com/00/29/225409/8990206.mp3">Download sawyer.mp3</a>
Ce qui se trouve entre guillemets (ici en couleur bleu) est l'adresse à laquelle se trouve votre MP3.
6- Pour insérer un petit lecteur sur votre message, sélectionnez le code suivant :
<p>
<br /><object type="application/x-shockwave-flash" data="http://storage.canalblog.com/31/31/215118/8442028.swf?son=http://storage.canalblog.com/00/29/225409/8990206.mp3" width="200" height="20"><param name="movie" value="http://storage.canalblog.com/31/31/215118/8442028.swf?son=http://storage.canalblog.com/00/29/225409/8990206.mp3&bgcolor=#FFFFFF" /></object>
</p>
Puis cliquez sur le bouton droit de votre souris et sélectionnez "Copier". Retournez, dans votre éditeur de note puis cliquez dessous votre première ligne de code. Faites alors bouton droit et sélectionnez "Coller".
7- Sélectionnez ensuite l'adresse de votre mp3 puis bouton droit "Copier". Puis vous le mettez à la place de : http://storage.canalblog.com/00/29/225409/8990206.mp3 puis bouton droit > Copier. Votre adresse de votre mp3 et désormais à sa place.
N.B: Faite de même pour tous les textes en bleu.
8- Pour ceux qui ont installé le Dew player sur leur blog, replacez ce qui est en rouge par l'URL vers votre propre DewPlayer.
9- Publiez votre note.
10- Regardez votre blog, vous avez un magnifique lecteur dans votre note.
J'espère que cette petite formation vous aura aidé à faire votre premier podcast.
Laissez vos commentaires.
Merci
13 janvier 2007
LE MENU DEROULANT DE FRAISALO
Il est beau mon texte défilant qui donne les news hein? bah je vais vous expliquer comment faire pareil sur votre blog à vous!
La formule magique c'est :
<noscript>Texte défilant<br></A></noscript><marquee Class="Scroller" behavior="scroll" direction="up" width="100%" height="60" scrollamount="1.90" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font color="#000000"><font size="1.70" face="Arial, Helvetica, sans-serif"><strong><em>et voici un tuto pour faire un texte defilant sur votre blog!!<em> </strong></font></font></marquee>
là ça fait un texte qui se déroule de bas en haut, vous pouvez en changeant juste un mot faire un texte qui défile à l'horizontale:
à direction="up"
changez le up par left
la vitesse de déroulement est également modifiable:
scrollmount="1.90";
changez le chiffre pour modifier la vitesse,
prenez un plus petit pour aller plus lentement et un plus grand pour
aller plus vite!
vous pouvez également changer la longueur:
height=60
plus le chiffre est grand plus c'est large!
ici: font color="#000000" vous pouvez modifier la couleur en utilisant des codes de couleurs html: #000000 veut dire noir!, la couleur ci dessous est #dc143c
font size="1.70" vous permet d'agrandir votre texte en remplacer le chiffre par un plus grand ou retrecir en mettant un plus petit
et j'allais oublier! pour enlever l'italic retirez les "lt;em"gt; .. "lt;/em"gt; qui encadrent le texte, pour le gras c'est "lt;strong"gt; .. "lt;/strong"gt;
voila tout ce que je sais, j'espère avoir pu aider quelqu'un, si mes explications ne sont pas claires n'hésitez pas à me le signaler!!
ps: pour aller à la ligne dans votre texte il suffit de mettre ce code "lt;/br"gt; entre deux mots
ex : bienvenue sur mon blog"lt;/br"gt;bonne visite!
Merci à Fraisalo
21 janvier 2007
COMMENT INSERER UNE NEWSLETTER
Merci à Olivia pour ce tuto !
Vous le trouverez ICI
28 janvier 2007
SAUVEGARDER SON BLOG par Casa Dolce Casa
"Voilà un post que plusieurs d'entre vous attendent depuis quelques temps (sorry, je n'ai pas eu le temps avant ! sniff!)...
Nous avons des blogs, qui reflètent notre personnalité et aussi notre quotidien. Et, tout comme un journal intime, je pense que chacune d'entre nous souhaiterait pouvoir le garder et le consulter quand on sera toute vieilles et toutes ridées au coin du feu !
Alors, en quelques étapes, voici comment récupérer son blog (ou site)"
La suite c'est ICI
Merci à CASA pour ce tuto
29 janvier 2007
Une bannière personnalisée sans ouvrir d'autre compte
... ou une autre façon de mettre une bannière personnalisée
Comment
changer une bannière pour le logo de son blog en conservant la même grandeur et
en n'ouvrant pas un compte d'album photo ailleurs.
J'ai
essayé de mettre une bannière en partant de mon site principal mais il ne
voulait pas charger l'image. :-(
J'ai aussi
essayé d'utiliser la gestion de fichier, dossier image en écrivant un message
brouillon en y mettant une image mais quand l'image est très grande,
Quand on fait son premier modèle on peut insérer une image à nous à la place de la bannière ou du titre ici
et à chaque fois qu’on insère une nouvelle bannière l’image va se retrouver ici
Donc, vous allez dans vos outils, ensuite gestions des fichiers, vous choisissez l’option image et vous cliquez sur l’image voulu pour avoir l’adresse url de votre image
maintenant si vous êtes comme moi et que vous aimez changer de bannière régulièrement, vous retournez dans le style d’un modèle quelconque ( je m’en suis créer un nommé brouillon justement) et vous retirer la bannière que vous venez d’ajouter et vous parcourez vos fichiers pour en mettre une autre. Vous VALIDEZ. Vous remontez, vous retirez l’image et vous remettez une autre bannière et vous VALIDEZ… ainsi de suite pour le nombre de bannière désirés . Moi j’en ai mis 4 pour le mois de janvier février jusqu’à la st-valentin par exemple. Ensuite, vous allez dans votre thème sur lequel est utilisez votre blog actuel.
vous allez chercher la section « topbar-logo » et
vous mettez l’URL de l’image que vous avez décidé d’utiliser. Pour la couleur
de background, vous pouvez ne pas en mettre du tout ou si jamais l’image ne
s’affiche pas, indiquez une couleur près de celle de votre bannière. Ce qu’il y a de bien dans cette méthode, en
voulant garder les images à la même place que votre blog, c’est que votre
bannière devrait toujours apparaître tandis que si l’hébergeur de vos photos ne
fonctionne pas, la bannière n’apparaîtra pas.
Changer l'aspect de son blog 1- les colonnes
Comment faire pour faire un blog plus large ou moins symétrique... Lorsqu'on s'inscrit avec canalblog, en mode ordinaire, il nous formate le blog à 800 pixel par défaut ( soit 600 et 200 si à deux colonnes). Mais voilà, si on veut toute la largeur de la page, ou si on veut une colonne plus petite que l'autre ( à 3 colonnes), bref, si on veut le personnaliser dans le mode avancé, que faire.
Premièrement, nous allons toujours dans notre feuille de style.
Ensuite, on repère les bons indicateurs.
Ici, body c'est la couleur de notre page, on peut aussi y insérer une image de fond, une tuile si vous préférer.
Ensuite on a container, ça c'est pour la page centrale de notre blog qui comprend tout ( le titre, les colonnes et l'espace texte). Par exemple, j'ai mis à 850 au lieu de 800 pour me laisser un peu plus de place pour écrire mon blog perso. Mais attention, vous remarquerez par la suite, que mes deux colonnes ne font pas un total de 850, il faut bien sûr tenir compte des bordures plus ou moins épaisses... Vous pouvez voir aussi que j'ai mis un "padding" ... c'est comme une bordure mais pas tout à fait. Ça ressemble plus à une marge mais extérieure.
Nous avons aussi content. Ça c'est la partie du texte. Si vous voulez changer des choses dans votre colonne centrale ou la grande partie texte, c'est là. Moi je l'ai mise plus large un peu pour un texte plus "imposant"
ET là, vous avez le right et le leftbar. Tout simplement la colonne de droite et de gauche. Dans mon cas, il n'y a qu'une colonne, l'autre se met automatiquement à 0 quand on fait la première mise en page dans le mode régulier.
Si vous mettez plus de pixel que le container, la colonne ira se placer sous l'autre. Il faut donc bien calculer avec les bordures. Si vous êtes pas certain, fait un prévisualiser et ajuster au besoin. N'oubliez de validez à chaque fois sinon vous perdez votre mise en forme. Dans les prochains tuts, on continuera à décortiquer la feuille de style CSS pour pouvoir jouer un peu avec les effets, et autre petits bidules.
Ce tut est une gracieuseté de Frenchgirl
01 février 2007
Premier tuto : le passage au mode avancé.
Comme je ne suis pas égoïste, je vais partager mon savoir tout nouvellement acquis en matière de blog/html et autres langages ésotériques...
Premier tuto : le passage au mode avancé.
Déjà il faut avoir en tête qu’il est possible de faire un blog en
mode avancé sans l’utiliser, puisque Canalblog permet d’avoir plusieurs
modèles du même blog, et de n’en utiliser concrètement qu’un seul.
On
peut donc tout à fait bidouiller son blog en mode avancé, faire plein
de bêtises, et continuer à avoir son blog en mode normal qui fonctionne
très bien. Ca rassure non ?
Donc pas de panique, vous pouvez vous
familiariser avec le mode avancé sans quitter le mode normal (et ça
c’est la classe internationale…)
Comme c’est quand même rigolo de
pouvoir personnaliser un peu son bloug, je m’en vais vous expliquer
comment faire pour vous familiariser avec le mode avancé sans pour
autant perdre tout votre blog chéri.
- Première étape :
Copier/coller
dans un document Word (ou bloc notes) toutes les informations relatives
à votre blog en mode normal : dans Style, copier coller toutes les
rubriques : Style général-Messages-Colonne de liens- Titre du
blog-Albums centre-Albums navigation et aussi, sauvegarder le
classement de vos blocs.
- 2ème étape :
Créer un nouveau modèle de blog en cliquant sur ‘Apparence’ puis ’Nouveau Modèle’
- 3ème étape :
choisissez
le modèle de blog qui vous convient avec le nombre de colonnes et le
thème qui vous va. Recopiez scrupuleusement toutes les indications que
vous avez copié/collé dans votre document word, afin que votre nouveau
modèle de blog soit exactement le même que votre modèle normal : on
recommence : Style –Apparence générale – Blocs…
- 4ème étape :
convertissez
ce nouveau blog -qui est donc scrupuleusement identique à votre blog
chouchou puisque vous avez tout bien copié collé- en mode avancé (et
n’ayez pas peur de Mr Canalblog qui vous dit que c’est irréversible,
c’est pas grave). Pour cela dans votre nouveau modèle de blog cliquer
sur: Paramètres - Apparence puis cocher la case ‘Convertir ce modèle en
type avancé (attention, opération irréversible)’
- 5ème étape :
vous
allez me prendre pour une folle furieuse du copié/collé, mais là, vous
devez sauvegarder ce modèle pour le cas où vous feriez des bêtises avec
le langage html très bizarre… Donc vous reprenez un petit doc Word
vierge, que vous intitulez ‘codes’ ‘sauvegarde’ ou autre et vous allez
dans « Editez les fichiers de ce modèle ». Là vous avez très peur
devant ces signes fort peu glamour, mais vous y allez quand même ! Hop,
on copie et on colle toutes les rubriques ‘Page d’accueil -Page des
archives -Page de l’index des archives- Page d’un message- Page du
profil d’un auteur- Page de présentation d’un album- Page de photo d’un
album- Feuille de style générale’
- Ca y est, vous avez un modèle de blog avancé !!! C’est la classe internationale, mais vous ne savez pas bien ce que vous allez pouvoir en faire…
Vous ne croyez pas que je vous tout vous expliquer tout de suite…(surtout que je patauge moi-même!)
La suite au prochain numéro !
Merci à Delphine pour ce tuto
Haut de Page
