Bienvenue dans le monde réel...

ENLEVER LES COMMENTAIRES DE VOTRE BLOG

Demolite — Fri, 25 Apr 2008 06:00:00 GMT

Pourquoi faire ? pourquoi pas...

Dernièrement j'ai une petite copine du net bien sympathique qui a décidé de supprimer son blog, car un ou une mauvaise personne lui laissait des messages très insultants dans les commentaires et encore plus bas, il ou elle s'en est pris à sa fille en l'insultant de façon insupportable ! (quel courage de laisser des messages anonymes, il faut vraiment être tordu non ?)

C'est vraiment dommage d'en arriver là.
En supprimant la possibilité de laisser des commentaires sur son blog, on peut aussi éviter ça !

Mais vous pouvez aussi supprimer les commentaires quand vous partez en vacances, pour éviter que votre boite explose pendant votre absence...
je parle en connaissance de cause, la première année quand je suis revenue de mes vacances d'été, c'était la totale ! il m'a fallu une semaine pour lire tous les mails (je devrais plutôt dire toutes les demandes de dépannages qui m'attendaient) alors l'été dernier j'ai pris les devant et mon retour au monde réel fût plus zen...

Et j'ai bien l'intention de faire de même je mois prochain quand je vais déménager...

Alors...

Ouvrez la Page d'un message et supprimez les codes suivants :
(Pour vous aider à repérer la zone faites un Ctrl+F pour trouvez cette balise <CBIfCommentsActivated>)

<CBIfCommentsActivated>
<h2><a id="comments"></a>Commentaires</h2>
<CBComments> <a id="c<$BlogCommentId$>"></a> <BlogCommentTitle>
<h3><$BlogCommentTitle$></h3>
</BlogCommentTitle>
<p><$BlogCommentBody$></p>
<div class="itemfooter">Posté par <$BlogCommentAuthor<div class="itemfooter">Posté par <$BlogCommentAuthor$>, <$BlogCommentDate$> à <$BlogCommentTime$></div>
gt;, <$BlogCommentDate<div class="itemfooter">Posté par <$BlogCommentAuthor$>, <$BlogCommentDate$> à <$BlogCommentTime$></div>
gt; à <$BlogCommentTime<div class="itemfooter">Posté par <$BlogCommentAuthor$>, <$BlogCommentDate$> à <$BlogCommentTime$></div>
gt;</div>
</CBComments> <CBControlForm>
<p><$CBControlForm$></p>
</CBControlForm>
<h2>Poster un commentaire</h2>
<form action="" method="post" name="frmComment" id="frmComment" onsubmit="handleSubmit(this)">
<p>
<label for="authorNickName">Nom ou pseudo :</label>
<br />
<input id="authorNickName" name="authorNickName" value="" maxlength="16" onchange="handleChange(this)" />
</p>
<p>
<label for="authorEmail">Adresse email :</label>
<br />
<input id="authorEmail" name="authorEmail" value="" maxlength="64" onchange="handleChange(this)" />
</p>
<p>
<label for="authorWebsiteUrl">Site Web (URL) :</label>
<br />
<input id="authorWebsiteUrl" name="authorWebsiteUrl" value="" maxlength="128" onchange="handleChange(this)" />
</p>
<p>
<label for="commentTitle">Titre du commentaire :</label>
<br />
<input id="commentTitle" name="commentTitle" value="" maxlength="128" />
</p>
<p>
<label for="commentBody">Commentaire :</label>
<br />
<textarea id="commentBody" name="commentBody" rows="10" cols="50"></textarea>
</p>
<p>
<label>
<input onclick="handleCheck(this)" type="checkbox" id="rememberInfo" name="rememberInfo" value="1" />
Se souvenir de mes informations personnelles</label>
</p>
<input type="submit" name="submit" value="Envoyer" />
<br />
</form>
</CBIfCommentsActivated>

Pas la peine de faire un visualiser, le changement sera pris en compte seulement une fois validé.
(Copiez ces codes dans un bloc-notes si vous voulez les remettre plus tard)

Ensuite repérez avec Ctrl+F cette balise : <div class="itemfooter">

Attention, il y a 2 balises itemfooter, c'est la première qui nous intéresse.
Vers la fin de cette ligne supprimez cette partie de code :

- <a href="<$BlogItemCommentsURL$>" title="Commentez ce message">Commentaires

C'est la ligne qui permet l'affichage du mot Commentaires [6] dans le pied de vos messages.

Supprimez aussi cette ligne sur La page d'accueil et sur La page des archives...et c'est tout !

INSTALLER LA NEWSZLETTERS DE CANALBLOG

Demolite — Thu, 24 Apr 2008 08:31:00 GMT

C'est nouveau ça vient de sortir !
Mais comment ça marche ?

Si vous êtes en Mode Standard, allez dans Apparences et sur la ligne du modèle que vous utilisez actuellement ouvrez Blocs.

Ensuite vous devez activer la Newsletter dans la liste et la placer dans la colonne de votre choix.

Valider.

La Newsletter est maintenant sur votre blog.

Vos visiteurs peuvent maintenant s'inscrire à votre Newsletter, il suffit d'entrer une adresse mail de cliquer sur M'abonner et un cadre s'ouvre.

L'abonné reçois un mail pour confirmer son inscription et le tour est joué.

Pour rédiger une Newsletter allez dans Outils /Newsletters/Rediger une newsletter.

Puis écrivez votre texte, ajoutez des images, vous pouvez aussi choisir le date d'envoi.

Poster et Envoyer.

Une ligne apparait avec votre newsletter.

Si vous êtes en Mode Avancé, récupérez le script suivant et collez le dans une de vos colonnes 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>

COMPTE A REBOURS

Demolite — Wed, 23 Apr 2008 15:11:00 GMT

Non...Demolitetuto is not dead !

Voici un petit script qui permet de mettre un compte à rebours sur votre blog...
Je sais pas moi...pour annoncer un mariage, un anniversaire, un départ en vacances ou encore la fermeture d'un blog ?

Voilà comment ça se présente...

Collez cette partie de code avant la balise </head>.

Pour mettre une date future, vous devez changer la date en gris dans le script, mais attention...l'année est en premier, ça je pense que vous l'auriez compris sans moi, ensuite c'est le mois, c'est là que ça se complique, ici c'est du mois de juin dont il s'agit et pas du mois de mai comme on pourrait le penser, ensuite c'est le jour.

Donc pour janvier c'est 0, pour février 1, mars 2 etc...

Ne touchez pas au reste !

<SCRIPT LANGUAGE="JavaScript">
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2008, 5, 04);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
      {
      DiffMin = DiffMin-60;
      }
while (Diffheure>=24)
      {
      Diffheure = Diffheure-24;
      }
while (DiffSec>=60)
      {
      DiffSec = DiffSec-60;
      }
</SCRIPT>

Collez l'autre partie dans votre page d'accueil, là ou vous voulez qu'apparaisse le compte à rebours...

<SCRIPT LANGUAGE="JavaScript">
document.write('<font color="#000000">Le grand méchant Cook aura 1 an dans ' + DiffJour + ' jour(s)</font>');
</SCRIPT>

Vous pouvez modifier le code couleur #000000 et la phrase en gris, ne touchez pas au reste !

Pour voir le résultat regardez en haut de ma colonne de gauche...

Quelques photos de ma future maison !

Demolite — Sun, 20 Apr 2008 16:14:00 GMT

Un petit post pour toutes les curieuses que je connais...

Pour ceux qui sont abonnés à la newsletter, je suis désolée...ceci n'est pas un tuto.

Non... la curiosité n'est pas un vilain défaut ! moi je pense qu'au contraire...il faut être curieux dans la vie.

Voici une vue du ciel...(Non, pas d'Arthus Bertrand !)

Nous sommes allés à la maison cette aprèm, comme il faisait bien beau (pour une fois !) j'en ai profité pour faire quelques photos...
Oh la la...je commence à avoir hâte maintenant, mais quand je vois les travaux qui nous attendent...ça va être chaud !

La prochaine fois, je vous ferai un petit topo avant/après de l'intérieur...

OYé Oyé...AVIS A TOUS LES CYBERDEMODEPENDANTS(es)...

Demolite — Tue, 08 Apr 2008 09:54:00 GMT

OYé OYé...

Y a du nouveau chez Demolitetuto !
J'ai une nouvelle qui va en faire pâlir plus d'un(e)...même si c'est n'est pas encore du 100% sur, je peux quand même déjà vous dire que "Le monde réel..." vit ses derniers mois, semaines, jours, ~~heures~~...

Oui...Demolite* va reprendre le boulot !

*(je parle de moi à la 3ème personne, car j'ai remarqué que trop souvent des visiteurs ~~mal élevés~~ me parlent comme si je n'étais en fait qu'une vulgaire machine à distribuer des codes et réparer des blogs...sans même un bonjour ni même un merci !...je referme cette parenthèse en ajoutant qu'heureusement j'ai une belle brochette de "visiteurs" que je considère comme des "amis" du "monde réel" et qui le resteront même après...)

Pour tous les autres...pardonnez moi, mais je vais rejoindre "L'autre monde"...celui de la pilule bleue !

Parce que c'est bien joli les blogs et les tuto, mais c'est pas ça qui remplit le frigo.
Et comme une bonne nouvelle n'arrive jamais seule, je vais aussi déménager...

Quoi ? encore ?

Mais oui...encore, mais cette fois c'est pour une maison avec jardin et tout et tout...

Tout ça pour dire que dans quelques semaines Demolitetuto et son service de dépannage sera fermé.

Je n'aurais plus le temps de répondre à vos demandes, ni de créer de nouveaux tuto.

Entre le déménagement, les travaux, les vacances et la reprise du boulot...(mes 2 enfants et mon petit mari chéri) ça va pas être possible...[Chesse]

Je trouverai bien 5 minutes* de temps à autre pour mettre en ligne un tuto ou deux...mais il faudra les comprendre du premier coup, car vous ne pourrez plus laissez de commentaires.

*Les soirs ou y a du foot à la télé.

Oui...c'est la vie ♫♪♫♪♫♪♫♪

AJOUTER LE BLOC DES FLUX RSS DES MESSAGES ET DES COMMENTAIRES

Demolite — Tue, 08 Apr 2008 06:00:00 GMT

Lors de la création de votre blog, vous n'avez pas mis les blocs des flux rss par-ce que comme moi, vous ne saviez pas ce que c'était...

Ceux sont des liens qui permettent à vos visiteurs de s'abonner en un clic à vos messages ou encore à vos commentaires.

Par exemple lorsque vos laissez un commentaires sur ce blog et que vous voulez savoir si je vous ai répondu...en vous abonnant au flux des mes commentaires, un lien s'ajoute avec la liste des derniers commentaires publiés sur mon blog*, dans vos favoris, vous pouvez à tous moment consulter les consulter et bien sur les supprimer !

*Avec Firefox, pour vous abonner à un flux, une fenêtre s'ouvre et vous propose d'ajouter un lien, comme ceci :

Vous obtenez ceci, dans vos favoris, c'est la liste des derniers commentaires :

Pour rafraichir cette liste, c'est à dire la mettre à jour, il suffit de cliquez droit sur le lien du flux rss "Bienvenue dans le monde réel" et de choisir Rafraîchir les entrées.

Si un nouveau commentaire a été posté, il s'ajoutera à la liste.
Pratique non ?

Avec Internet Explorer c'est un peu différent mais le principe reste le même.

Une fois abonné, un onglet flux rss s'ajoute à côté de celui des favoris, que vous pouvez consulter à tous moment.

Nous allons voir maintenant comment récupérer le bloc de ces 2 flux.

Commencez par créer un nouveau modèle, peu importe la déco ou le nombre de colonne, mettez au pif, c'est juste pour récupérer les codes, ce modèle ne sera même pas publié.

Votre nouveau modèle apparait tout en bas, cliquez sur blocs !

Sélectionnez dans la liste les 2 flux qui nous intéresse, supprimer les autres blocs dans la liste, ça sera plus facile de localiser les blocs dans la page d'accueil.

Valider.

Cliquez maintenant sur Paramètres.

Il faut passer le modèle en mode avancé.

Donnez lui un non, FLUX RSS par exemple...pour ne pas le confondre avec les autres modèles.

Pour récupérer le bloc de code, vous devez allez dans Editer les fichiers de ce modèle.

La page d'accueil s'ouvre, descendez en bas de la page, car le bloc se trouve dans la colonne de droite.
Vous pouvez récupérer les codes entourés en rouge et les coller sur votre modèle en ligne.

Il y a aussi une autre façon d'ajouter les flux :

Vous pouvez récupérer ses 2 liens, et coller l'adresse de votre blog à la place de mon adresse.

http://demolitetuto.canalblog.com/feeds/rss/comments/

http://demolitetuto.canalblog.com/rss.xml

Pour afficher une petite image devant les liens comme ceci :

Copiez le code ci-dessous, en mettant l'adresse de votre blog, et collez l'adresse d'une image :

<a href="http://demolitetuto.canalblog.com/feeds/rss/comments/"><IMG SRC="http://Adresse de l'image.jpg ">Abonnez-vous au flux rss des commentaires</a>

<a href="http://demolitetuto.canalblog.com/rss.xml"><IMG SRC="http://Adresse de l'image.jpg ">Abonnez-vous au flux rss des articles</a>

SEPARATEUR POUR COLONNE OU MESSAGE

Demolite — Sat, 05 Apr 2008 06:00:00 GMT

C'est tout simplement une ligne qui va séparer vos blocs ou séparer votre texte en deux partie dans un article.

Oui c'est ça...

Voici le code :

Pour obtenir une moité de ligne mettrez "50%"

Pour changer la couleur de la ligne, ajoutez un code couleur

Dans les colonnes la ligne fait toute la largeur comme sur ce blog.

REMPLIR UN ALBUM PHOTO (NEW)

Demolite — Fri, 04 Apr 2008 06:00:00 GMT

Sans Mattchry je ne m'en serais peut être pas rendu compte tout de suite...
Il y a du nouveau dans les album photos...
Avant on devait charger les photos une par une, aller les chercher sur le pc, c'était pas pratique voire galère...

Aujourd'hui grâce à cette nouveauté en quelques clics vous pouvez charger 10 photos en même temps en affichant directement la liste de vos dossiers et leur contenu...

Commencez par allez dans Contenu et dans Albums photos puis Ajouter un nouvel album ou liste des albums photos si vous voulez simplement ajouter de nouvelles photos à un album déjà existant.

Vous devez installer cette application java, faites Exécuter.

Un explorateur de fichier s'ouvre sur la gauche avec la liste de vos dossiers, il ne vous reste plus qu'à cliquer sur le dossier qui contient vos photos et de les sélectionner ensuite dans la partie droite ou elles s'affichent.

Vous pouvez sélectionnez jusqu'à 10 photos !
Faites Envoyer (en haut à droite)

Patientez le temps du chargement, un message vous informe lorsque c'est terminé.

C'est tout, vos photos sont sur votre album.

MENU HORIZONTAL OU VERTICAL

Demolite — Thu, 03 Apr 2008 06:00:00 GMT

Celui là vous pouvez le passer d'horizontal à vertical en changeant 1 chiffre !
Il peut se mettre n'importe ou...dans une colonne, dans un message, au dessus de la bannière ou bien en dessous...

Voici le script, il y a juste à changer le 1 en 0 pour le passer d'horizontal à vertical, de changer les codes couleurs, et aussi la largeur et la hauteur des cellules pour l'adapter à votre blog :

<p>
<script>
menuhz = 1 //1:horizontal 0:vertical
bgcolor ='#000000'; //Couleur du fond
bgcolor2='#707070'; //Couleur au passage de la souris
bgcolor3='#FFFFFF'; //Couleur des bords
bgcolor4='#C4C4C4'; //Couleur du texte
largeur = 90
hauteur = 22
i = 0
menup = new Array;
menup[i++]='Titre'; //<- Nom
menup[i++]='http://Adresse.html'; //<- Adresse du lien
menup[i++]='Titre';
menup[i++]='http://Adresse.html';
menup[i++]='Titre';
menup[i++]='http://Adresse.html';
menup[i++]='Titre';
menup[i++]='http://Adresse.html';
menup[i++]='Titre';
menup[i++]='http://Adresse.html';
menup[i++]='Titre';
menup[i++]='http://Adresse.html';

document.write('<style>');
document.write('.ejsmenu {color:'+bgcolor4+'; cursor:hand;}') //default
document.write('</style>')
document.write('<DIV ID=top><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+(menuhz?largeur*menup.length/2:largeur) +' HEIGHT='+hauteur+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%>'+(menuhz?'<tr>':''))

for(pass=0;pass<menup.length;pass+=2)
document.write((menuhz?"":"<tr>")+"<TD WIDTH="+largeur+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href=\""+menup[pass+1]+"\"' onMouseOver='this.style.background=\""+bgcolor2+"\"' onMouseOut='this.style.background=\""+bgcolor+"\"' CLASS=ejsmenu><FONT SIZE=1 FACE=Verdana><B>"+menup[pass]+"</B></FONT></TD>")
document.write('</tr></TABLE></TD></TR></TABLE></DIV>')
</script>
</p>

Ensuite changez le "Titre" et ajoutez les liens :

menup[i++]='Titre'; //<- Titre
menup[i++]='http://Adresse.html'; //<- Adresse du lien

MENU DEROULANT POUR VOS PHOTOS

Demolite — Wed, 02 Apr 2008 06:00:00 GMT

Un petit menu déroulant pour vos photos...pourquoi pas !
C'est bien pratique et ça prend pas de place...

Vous pouvez mettre autant de photo que vous voulez, de la taille que vous voulez, choisir la couleur du fond et des bords,
et aussi agrandir ou réduire la hauteur et la largeur...

Et bien sur de coller l'adresse de vos images dans le script...

Script trouvé chez Jacky.

METTRE UN PHOTOMATON SUR SON BLOG

Demolite — Tue, 01 Apr 2008 06:00:00 GMT

J'ai trouvé ce petit photomaton chez Vanes, c'est un pur gadget mais de temps en temps ça fait du bien des tuto ou j'ai pas besoin de réfléchir pendant 1 heure pour savoir comment de vais vous racontez ça !

Celui là, même une "blonde platine DJ" doit pouvoir le comprendre du premier coup, c'est à dire à la première lecture !
~~Donc je ne répondrai à aucune demande d'aide pour ce tuto~~ [Nul]

Allez sur le site http://www.trombiblog.com/ et inscrivez vous en cliquant sur Inscription

Remplissez le formulaire puis Valider votre inscription

Cette fenêtre s'ouvre, choisissez les couleurs de votre photomaton, valider en bas et copiez le script encadré en rouge et collez le dans votre page d'accueil la où vous voulez qu'apparaisse le photomaton.

Vos visiteurs non plus qu'à se faire tirer le portrait...faut il encore avoir une Webcam...n'es ce pas François...[Cheese]

RECOMMANDER VOTRE BLOG !

Demolite — Mon, 31 Mar 2008 06:14:00 GMT

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 en un clic...

<a href="http://www.canalblog.com/cf/blogsuggest.cfm?bid=255678">Recommander ce blog !</a>

Vous devez juste 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é sur Canablog, il s'affiche à la fin de l'adresse...

Lorsque vos visiteurs clique sur le lien, cette fenêtre s'ouvre...

Elle est déjà pré-remplie, mais il faut tout de même entrer quelques infos et pourquoi pas rajouter un message personnel.

Recommander ce blog !

FAITES CLIGNOTER VOS LIENS, VOTRE TEXTE, ETC...

Demolite — Sun, 30 Mar 2008 08:18:00 GMT

Vous voulez attirer l'attention de vos visiteurs sur un bloc ou un lien en particulier...

Rien de plus simple...faites les clignoter !!!

Ajoutez la balise <blink></blink>

<blink>Votre texte ici</blink>

Votre texte ici

Pour faire clignoter un bloc ajoutez la balise <blink></blink> comme ceci :

<div class="title"><blink>DERNIERS MESSAGES</blink></div>

DERNIERS MESSAGES

Pour permettre à Internet explorer de prendre en compte la balise <blink> vous devez coller ce script avant la balise </head> dans votre pas d'accueil et dans les autres pages.

Merci à Mattchry pour cette info !

CHANGER LA COULEUR DES PREMIERS MOTS DANS LA LISTE DES DERNIERS COMMENTAIRES

Demolite — Sat, 29 Mar 2008 20:30:00 GMT

Avec ce tuto, nous allons voir comment changer la couleur du texte des premiers mots de vos visiteurs, dans la liste des 10 derniers commentaires.

Dans cet exemple le texte était bleu ciel et pour le différencier je l'ai rendu blanc !

Sur votre page d'accueil, repérez le bloc des commentaires puis mettez un code couleur comme ceci :

<div class="title">Derniers commentaires</div>
<ul>
<CBLastComments>
<li><a href="<$BlogCommentURL$>">
<font color="#FFFFFF"><$BlogCommentTitle$></font></a> sur <a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li>
</CBLastComments>
</ul>

CHANGER L'APPARENCE DU TITRE DES COMMENTAIRES DE VOS VISITEURS

Demolite — Sat, 29 Mar 2008 09:30:00 GMT

A la demande de Vanes...~~encore toi !~~

Vous ne l'avez peut être pas remarqué, mais le titre des commentaires et géré par la balise <H3></H3> tout comme le titre de vos messages...

Donc si vous voulez changer l'apparence de l'un, cela affecte l'autre...
Pour éviter ça, il faut attribuer une nouvelle balise qui n'est pas encore utiliser dans la feuille de style, comme <H4></H4>.

Ouvrez votre feuille de style et descendez sur le bloc .blogbody h3 qui gère nos 2 titres.

Faites un copier du bloc en entier (comme sur la capture) et coller ce bloc juste en dessous et changez le h3 en h4.
Vous pouvez maintenant modifier le code couleur, la police, la taille etc...
Puis validez.

Il faut maintenant changer la balise <h3></h3> dans la page d'un message qui gère le titre des commentaires.
Ouvrez la page d'un message et faites CTRL+F pour rechercher dans la page le code :

Il ne vous reste plus qu'à changer le h3 en h4, comme sur la capture.
Validez.