15 novembre 2010
Installer la Newsletter de Canalblog
Si vous êtes en Mode Standard, allez dans Apparences et sur la ligne du modèle que vous utilisez actuellement cliquez sur Blocs.
Ensuite vous devez activer la Newsletter en cliquant sur le lien Ajouter à la colonne de gauche ou à la colonne de droite, pour place la Newsletter dans la colonne de votre choix.
Valider.
La Newsletter est maintenant sur votre blog.
Vos visiteurs peuvent désormais s'inscrire en entrant leur adresse mail dans le formulaire.
Ce cadre s'ouvrira :
L'abonné reçois un mail pour confirmer son inscription et le tour est joué.
Pour rédiger une Newsletter allez dans Outils / Newsletters / Rédiger une Newsletter.
Écrivez votre texte comme n'importe quel article, ajoutez des images, vous pouvez aussi choisir la date d'envoi, puis cliquez sur Publier.
Une ligne apparait avec votre Newsletter dans la liste des Newsletters.
Si vous êtes en Mode Avancé, récupérez le script suivant et collez le dans une de vos colonnes (dans vos pages Html) pour que le bloc de la Newsletter s'affiche.
<div class="title">Newsletter</div>
<form name="newsletter" id="newsletter" action="<$CBNewsletterSubmitURL$>" method="post" target="_blank">
<input name="email" id="email" value="email" type="text" onfocus="this.select();" />
<input name="submit" value="M'abonner" type="submit" />
</form>
Sauvegarder son blog
Vous avez surement déjà entendu parler des aspirateurs de site web...et bien grâce avec ce petit logiciel gratuit HTTrack vous allez pouvoir faire une copie de votre blog dans son intégralité sur votre disque dur et ensuite le copier sur un CD ou un DVD, que vous pourrez ressortir en cas de problème ou bien lorsque vous serrez tout vieux, vous pourrez montrer à vos petits enfants ce que vous saviez faire dans le temps...
Si vous êtes déjà vieux...n'oubliez pas que l'espérance de vie s'est allongée et qu'il vous reste certainement encore une bonne trentaine d'années à surfer sur le web ! en tout cas je vous le souhaite...
Une fois HHTrack téléchargé, installez-le, choisissez français, fermez le programme et ouvrez-le de nouveau.
Si une fenêtre Proxy s'ouvre ne vous en occupez pas, fermez là.
Vous êtes maintenant devant cet écran :
Faites suivant >
Entrez le nom de votre blog dans nouveau projet
Choisissez une catégorie pour ce projet
Choisissez le chemin de base, c'est à dire le dossier ou la copie sera enregistrée
et faites suivant >
Cliquez sur Ajouter...
Entrez l'adresse de votre blog dans la petite fenêtre qui s'ouvre et faites Oui.
puis suivant >
Remplissez comme ceci et faites Terminer.
C'est parti l'aspirateur commence son travail...
Cela peut prendre 5 comme 20 minutes, ça dépend de la taille de votre blog.
Fermez le programme.
Maintenant lorsque vous allez dans le dossier de destination, celui que vous avez choisi au départ (chemin de base) vous avez un fichier Index :
(Si vous utilisez Internet Explorer, le document sera le même avec le logo d'explorer).
Double cliquez sur le fichier Index, une fenêtre va s'ouvrir dans votre navigateur internet, avec le lien de votre blog ou la liste si vous en aspirez plusieurs :
Vous n'avez plus qu'à cliquez sur le lien de votre blog et hop il apparait !
Un dossier avec le nom du projet que vous avez donné au départ apparait aussi :
Vous devez maintenant copier le fichiez index et le dossier de votre blog sur CD pour le garder bien au chaud !
Pour ceux ou celles qui font évoluer leur blog en permanence il faut bien sur recommencer l'opération d'aspiration régulièrement...tous les mois par exemple.
Pour la gravure utiliser un CD ré-enregistrable, vous ferrez des économies...la clé usb est une bonne alternative.
Recommander votre blog !
Votre blog est top moumoute ?
Vous voulez le faire découvrir à un plus large public...
Placez tout simplement ce petit lien bien en évidence sur votre blog et vos visiteurs pourront envoyer l'adresse de votre blog à leurs contacts, amis, famille etc en un clic...
<a href="http://www.canalblog.com/cf/blogsuggest.cfm?bid=794548">Recommander ce blog !</a>
Vous devez juste copier-coller le numéro de votre blog (en gris) dans le code ci-dessus, vous le trouverez dans la barre d'adresse de votre navigateur lorsque vous être connecté à votre blog sur Canalblog, il s'affiche à la fin de l'adresse =794548
Lorsque vos visiteurs cliqueront sur ce lien, cette fenêtre s'ouvrira :
Il suffit de renseigner les cases et pourquoi pas ajouter un message personnel...
Mettre un système de notation dans vos articles
Pour installer la barre de notation dans un message, vous devez d'abord le rédiger puis le publier, car nous avons besoin de son adresse pour le fonctionnement de la notation.
Une fois votre message publié, descendez en bas de message sur le Permalien [#] faites un clic droit dessus puis cliquez sur copiez l'adresse du lien.
Collez l'adresse de votre message dans le script ci-dessous :
<p>
<script language="JavaScript">
var OutbrainPermaLink='http://Adresse de votre article.html';
var OB_demoMode = false;
var OB_langJS ='http://p8.storage.canalblog.com/88/34/255038/23376471.js';
if ( typeof(OB_Script)!='undefined' )
OutbrainStart();
else {
var OB_Script = true;
var str = '<script src="http://p6.storage.canalblog.com/64/97/255038/23376218.js" type="text/javascript"><\/script>';
document.write(str);
}
</script>
</p>
Vous devez également héberger les fichiers .js sur votre blog.
Collez l'adresse http://p8.storage.canalblog.com/88/34/255038/23376471.js dans votre navigateur internet et validez, le fichier va s'ouvrir, cliquez sur Fichier / Enregistrer sous (dans la barre de d'outils de votre navigateur).
Ensuite Importez le fichier.js dans un Nouveau message (en mode Html) en passant par Insertion d'un fichier pour récupérer l'adresse du fichier .js
Collez l'adresse à la place de la mienne dans le script et faites pareil pour la deuxième adresse .js
Ensuite vous n'avez plus qu'à collez le script en bas ou en haut de votre message en mode html que vous avez publié.
A chaque fois que vous publierez un nouvel article vous devrez coller le script dans votre message, en changeant juste l'adresse de l'article concerné.
Tags et nuage de tags sur canalblog
Lorsque vous publiez un article, en ajoutant des tags vous permettez à vos visiteurs et à vous même de trouver ou retrouver un article plus facilement...
Par exemple si vous publiez une recette de Tajine marocain de poulet aux abricots et aux amandes...à la fin de votre message dans le cadre prévu à cet effet, vous pouvez ajouter une liste de tags qui vont permettre de trouver plus facilement cette recette sur votre blog.
Ex : Tags : tajine,poulet,amande,abricot,cuisine marocaine
Pour afficher le nuage de tags, si vous êtes en Mode standard, rien de plus simple...allez dans Apparence puis dans Blocs et ajoutez le bloc Nuage de Tags...le nuage de Tags s'affichera dans la colonne que vous aurez désigné.
Si vous êtes en Mode avancé.
Commencez par copier-collez le code suivant, dans une de vos colonnes de la page de d'accueil, pages des archives et pas des messages.
<div ="title">Tags</div>
<ul class="tagcloud">
<CBTags>
<li><a href="<$BlogTagURL$>" style="font-size:<$BlogTagFontSize$>;" title="<$BlogTagCount$> message(s)" rel="tag"><$BlogTagName$></a></li>
</CBTags>
</ul>
Il va permettre d'afficher la liste des Tags dans une de vos colonnes...
Le problème c'est que tel quel...c'est vraiment pas jojo, après c'est une affaire de goût...les Tags vont s'afficher en ligne (alignés en colonnes) c'est pas top du tout...
Alors pour éviter ça...il suffit d'enlever la balise <li></li> les Tags se placent les uns à la suite des autres...ça prends moins de place quand même !
Si vous voulez supprimer la fonction qui agrandi la taille de vos tags (plus vous avez de messages dans une catégorie plus le tag est grand dans la liste) il faut supprimer cette partie de code dans le bloc plus haut :
style="font-size:<$BlogTagFontSize$>;"
Pour mettre en forme le texte (vos tags) vous pouvez ajouter le blocs suivant dans votre feuille de style, ce qui vous permettra de changer la taille de la police, l'alignement etc...
ul.tagcloud {
text-align: left;
font-size: small;
margin-top: 10px;
}
Pour ajouter la liste des Tags en bas de vos messages sous la ligne du Posté par...
Copiez le code suivant :
<BlogItemTags><br/>Tags : <$BlogItemTagsList$></BlogItemTags>
Et Collez le à la fin de la ligne de code du <div class="itemfooter"> avant la balise </div> de fermeture.
Bon c'est sur si vous avez déjà des tonnes de messages sur votre blog, vous n'allez pas vous amuser à tous les reprendre pour ajouter des Tags...
Alors simplifiez vous le Tag...
Allez sur cette page qui vous permet de gérer les Tags en série...
Puis...Gestion rapide des Tags !
Ajoutez de nouveaux Tags et sélectionnez les messages correspondants...
Créer une page Web
Je sais que certain d'entre vous attendent ce tuto depuis longtemps...
Mais comme je découvre les choses au fur et à mesure, je ne peux pas
aller plus vite que la musique et vous raconter n'importe quoi...
Alors
voilà ce que j'ai découvert ces derniers temps en bidouillant...c'est
pas grand chose, ne vous attendez pas à des merveilles, je ne me suis
pas encore pris la tête sur les détails de mise en page, ça viendra plus
tard.
Grâce à cette page, vous pouvez par exemple créer des albums photos indépendants, faire un Index, y mettre un chat, de la musique ou je ne sais quoi encore...
Créer un page Web, c'est pas aussi compliqué qu'on pourrait le penser...
Ouvrez le Bloc-notes fourni avec Windows...
Collez les balises suivantes :
<html>
<head>
</head>
<body>
</body>
</html>
Comme ceci :
Maintenant il faut remplir tout ça...
Entre les balises <head> </head>
Vous devez y mettre les codes qui permettent de gérer les couleurs, la
taille du texte, des liens, le background...ou encore mettre une image
de fond.
C'est une mini feuille de style intégrée en quelque sorte.
Entre les balises <body> </body> tous les codes ou scripts qui permettent d'afficher des images, les liens, de la musique, des vidéos etc...
La balise <HTML></HTML> contient et referme le tout !
Après avoir collé tous vos codes dans la page du Bloc-notes, vous devez l'enregistrer.
Donnez lui un titre puis ajoutez à la fin l'extension .htlm
Changez le codage passez le en UTF-8 et Enregistrer.
Vous obtenez ceci dans le dossier où vous avez enregistrez le Bloc-notes (si vous utilisez Firefox, sinon c'est la même chose avec le symbol d'Internet Explorer):
Double cliquez sur l'icône pour ouvrir la page web !
Maintenant vous n'avez plus qu'à récupérer l'adresse de cette page en passant par Insertion d'un fichier dans un Nouveau message et de l'insérer où bon vous semble !
Mettre une horloge en Mode standard
Oui...c'est possible, encore un tour de passe passe de l'aigle royal Alérion...
Ceux qui n'ont pas encore sauté le pas du Mode avancé vont faire des bons et pouvoir eux aussi rivaliser en affichant la plus belle des horloges ou un compteur au top...Mais, il y a un "mais" pour que votre horloge reste en page d'accueil le message contenant le script doit rester afficher en page d'accueil, si il passe en page suivante...exit l'horloge !
Donc, vous devez régulièrement changer la date de votre message pour qu'il reste en page d'accueil, pour ne pas à avoir à le faire trop souvent, vous pouvez changer l'affichage du nombre de message sur votre page d'accueil (dans Paramètres/Options d'affichage) et l'augmenter le nombre dans la première case, comme ça vous êtes tranquille quelques temps...
Si ça vous saoule, passez en Mode avancé et le problème sera résolu ;)
Ouvrez un Nouveau message et passez le en Mode Html.
Collez ensuite les lignes suivantes dans votre message puis collez entre ces deux balises le script de votre horloge (encadré en gris) ou de votre compteur, comme ceci (pour afficher l'horloge dans la colonne de gauche) :
<h4 id="codeagauche">
</h4> <script src="http://contes-de-web.fr/js/deplacercode.js"></script>
Ou ceux là, pour afficher l'horloge dans la colonne de droite :
<h4 id="codeadroite">
</h4> <script src="http://contes-de-web.fr/js/deplacercode.js"></script>
Vous pouvez mettre un Player Deezer aussi et placer le script du Player dans le même message, juste en dessous du script de l'horloge, en ajoutant la balise <p> ou <br> entre les deux scripts pour laisser un espace entre votre horloge et votre Player Deezer dans votre colonne...
Comme ceci :
Newsletter Feedburner
Feedburner récolte les publications d'articles de la journée sur votre blog et il les envoie par mail dès le lendemain matin aux personnes qui se sont abonnés à votre blog.
Si vous ne publiez pas d'articles, aucun mail ne sera envoyé.
C'est un bon moyen pour vos visiteurs de se tenir informés si leur hébergeur n'ont pas la Newsletter déjà intégrée.
Allez sur le site de Feedburner et cliquez sur Registrer pour vous inscrire.
Remplissez le formulaire avec :
Votre pseudo, votre mot de passe que vous devez taper deux fois, votre adresse mail, une question secrète et sa réponse. (en cas de perte de votre mot de passe, la réponse à la question vous sera posée)
Faites ensuite Sign In >>
Vous êtes maintenant sur cette page :
Collez l'adresse de votre blog puis faites Next>>
Faites Activate Feed >>
Faites Next>>
Ne vous occupez pas du bla bla faites Next>>
Le nom de votre blog apparait, cliquez dessus.
Puis allez sur l'onglet Publicize
Cliquez ensuite sur
La page qui contient le script à coller sur votre page d'accueil ou dans un message en mode Html s'ouvre.
Vous pouvez toujours mettre le langage sur Français mais ça ne change rien le script reste en anglais, il faut changer le texte manuellement, on verra ça plus loin.
Sélectionnez la totalité du script et faites clic droit puis copier.
Ouvrez un nouveau message ou un bloc-notes et collez le script, ça donne ça :
Sur la première ligne vous pouvez changer la couleur du cadre en modifiant le code couleur #CCC, la largeur etc...
Pour changer la phrase "Enter your email adress :" tapez à la place "Entrez votre adresse mail :".
Même chose pour le bouton "Subscribe" mettez "Inscription" par exemple.
La ligne soulignée en rouge c'est un lien vers Feedburner qui n'est pas indispensable, vous pouvez la supprimer.
Mais vous pouvez aussi laisser le script tel quel il sera en anglais c'est tout.
Collez ensuite le script dans une de vos colonnes dans votre page d'accueil ou dans un message en mode html et faites un lien sur votre page d'accueil vers le message.
Allez dans Communication Preferences et remplissez les cases :
C'est le formulaire qui permet de configurer le mail que vos abonnés vont recevoir pour confirmer leur inscription.
Vous pouvez également changer le texte en anglais et mettre un message perso c'est plus sympa...
Ne supprimez surtout pas la ligne ${confirmlink} c'est le lien qui permet à vos abonnés de valider leur inscription.
Voila ce que vont recevoir vos abonnés pour confirmer leur inscription.
Une fois que vous avez cliqué sur le lien...ceci apparait :
Wahou...vous avez un premier abonné !
Bon c'est pas encore fini...toujours dans l'onglet Publicize cliquez sur Delivery options
Et choisissez le fuseau horaire qui correspond à votre région ou pays.
Puis l'heure d'envoi des mails à vos abonnés.
Le lendemain d'une ou plusieurs parutions d'articles sur votre blog, tous les abonnés recevront un mail avec le contenu de vos articles !
Voilà...c'est fini.
Depuis, Canalblog a mis en service une Newsletter plus facile à installer...
Netvibes une sorte de Newsletter en ligne
Netvibes...un site bien pratique, qui permet entre autrede visualiser tous vos blogs préférés et d'être informé en temps réel des nouvelles parutions d'articles.
Cool non ?
Vous avez surement déjà remarqué en regardant dans vos Statistiques, qu'un certain Netvibes passe sur votre blog régulièrement !
Voici une capture d'écran pour vous montrer à quoi ça ressemble...
Sur l'onglet Général en première page, lors de la création de votre compte, vous avez tout plein de chose...
Personnellement j'ai viré pas mal de trucs et j'en ai réduit d'autre pour laisser place à l'essentiel, c'est à dire les blogs !
Vous pouvez créer plusieurs onglets pour rassembler les blogs par thème par exemple...il suffit de cliquez sur Nouvel onglet c'est pas sorcier ou bien de faire glisser les blogs qui se trouvent dans la colonne à gauche sur l'onglet choisi.
Allez, c'est parti !
Commencez par vous rendre à cette adresse Netvibes
Allez sur Connection en haut à droite de votre écran et enregistrez-vous.
Pour Ajouter un blog, cliquez sur Ajouter un flux (en haut à gauche)
Entrez l'adresse du blog et cliquez sur Ajouter ensuite choisissez en dessous le bon Feed
RRS pour canalblog.
Pour certains blogs comme Skyblog, il n'y a pas de Feed à choisir, le blog s'affiche directement après avoir entré l'adresse.
Voila... le blog vient d'apparaitre dans l'onglet Blogs
le (10) correspond aux nombres de messages parus, cliquez dessus pour remettre à zéro, comme ça, la prochaine fois que Choubinette postera un message, il y aura un (1).
Sur cet exemple, il suffit de passer la souris sur le message pour avoir un cadre qui s'affiche, avec le début du contenu du message...
Pour mettre un blog dans un onglet précis, il suffit d'être sur cet onglet au moment où vous entrez le flux.
Vous pouvez aussi faire toutes sortes de modifs...
En cliquant sur Options en haut à droite, vous pouvez gérer l'apparence du site
Amusez vous à cliquer un peu partout et vous verrez que l'on peut faire pas mal de chose.
Créer un index
Vous avez un blog culinaire avec un tas de recettes dans tous les sens ?
Vous souhaitez faire un peu de classement pour faciliter la recherche de vos visiteurs...c'est par ici !
Le principe est très simple...
Ouvrez un Nouveau message et passez en Mode Html puis copiez-collez le code suivant :
<li><a href="http://Adresse de vos article.html">Pina Colada</a></li>
<li><a href="http://Adresse de vos article.html">Cuba Libre</a></li>
<li><a href="http://Adresse de vos article.html">Mojito</a></li>
<li><a href="http://Adresse de vos article.html">Punch</a></li>
Ce qui donne ceci :
Vous pouvez espacer votre index en ajoutant des retours à la ligne.
Copiez-collez l'adresse de vos articles à la place des adresses : http://Adresse de vos article.html dans le code puis remplacez les titres par les votre.
Pour récupérer l'adresse d'un article descendez dans le bas de votre message cliquez droit sur le Permalien [#] et sélectionnez copier l'adresse du lien puis collez-le dans le code.
Dans cet exemple, il y a 4 lignes il faut autant de ligne qu'il y a recette bien sur.
Ne pas oublier de mettre un titre à votre message Index recettes par exemple...
Avant de valider, visualisez en repassant en mode texte et faites quelques arrangements, comme centrer le titre de l'index ou ajouter de la couleur ou encore mettre en gras...
Pour que votre index n'apparaisse pas en première page de votre blog, changez la date du message en cliquant sur la case en bas du message Modifier la date.
Postez-le au 01-01-2000 par exemple, comme ça votre message sera archivé.
Pour récupérer son adresse passez par les archives ou mettez le Tag Index de façon à le récupérer facilement en passant par la recherche des tags.
Maintenant que votre index est crée, il faut le mettre en ligne....
Si vous êtes en Mode Standard, Collez l'adresse de votre Index dans les Liens d'amis en créant une la catégorie Index.
Pour mettre un lien dans une des colonnes :
<a href="Adresse de l'index ici">Titre Index des recettes</a>
Pour mettre un bouton lien et que votre index qui s'ouvre dans une nouvelle page :
<a href="Adresse de l'index ici" target="_blank"><img src=Adresse du bouton lien></a>
Pour affichez votre index comme un bloc dans une colonne :
<div class="title">Index des Recettes</div>
<ul>
<li><a href="http://Adresse de l'index.html">Index Apéro</a></li>
<li><a href="http://Adresse de l'index.html">Index des Entrées</a></li>
<li><a href="http://Adresse de l'index.html">Index des Plats</a></li>
<li><a href="http://Adresse de l'index.html">Index des Desserts</a></li>
</ul>
Pour récupérer l'adresse de votre index servez vous du Permalien [#]
Il ne vous reste plus qu'à copiez-collez un de ces code sur votre Page d'accueil, à l'endroit où vous voulez que votre index apparaisse.
Astuce : Si vous remplissez votre Index au fur et à mesure que vous créez vos articles, vous pouvez récupérer le code entier sans avoir à le créer manuellement, en allant sur votre Page d'accueil dans la liste des derniers messages.
Sélectionnez le titre de votre article, faites un clic droit, puis Copier. Vous n'avez plus qu'à faire un clic droit puis Coller dans votre index en mode texte.
« Accueil 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
