Looplife

04 février 2007

Un message en musique

Comment mettre de la musique dans mon message

Tuto valable pour mode normal ET mode avancé (la classe internationale non?)

Aller sur le site 'Radioblogclub', et chercher le nom de l'artiste ou le titre de la chanson qui illustre votre propos, ou que vous voulez faire découvrir.

Puis cliquer sur la petite flèche bleue à gauche du titre sélectionné.
Cette manip fait apparaître une ligne de code dans la colonne de droite du site.
A vous de jouer pour choisir la couleur du lecteur pour cette chanson.

Le code s'ajuste tout seul au fur et à mesure de vos choix (il est fort ce code!)
Lorsque vous êtes sûrs de votre choix, vous copiez le code de la case à droite.

Puis, vous collez ce code dans le corps de votre message, à l'endroit où vous voulez que le lecteur apparaisse, en ayant pris soin (et c'est très important sinon ça ne marche pas) de passer votre message en mode HTML en cliquant sur <> à côté de l'icône pour insérer une image dans le message.

Vala

Ya plus qu'à!

01 février 2007

Lire la suite!

Petit tuto : Lire la suite

Après moults tatonnements et rageages divers, j'ai ENFIN réussi à vaincre le CSS et le HTML réunis en coalition pour me faire perdre mon sang froid :

J'ai fait un lien pour LIRE LA SUITE!

Merci à cepamoi pour son tuto qui m'a permis de comprendre 2/3 trucs par ci par là, mais quelques détails manquaient dans son billet pour des novices comme moi...

Voilà donc le tuto pour lire la suite, spécial cyberquiche pas encore bilingue en html...
NB : il faut être en mode avancé, sinon ça marche pas of course!

Lire la suite...

- Première étape : il faut ajouter à la feuille de style générale un code CSS.
Allez dans apparence>editer modèle>feuille de style et ajoutez ceci tout en bas :
#hidden {display:none}

C'est un code qui vous dit que l'élément auquel on attribue l'identité "hidden" sera caché.

- Deuxième étape : vous tapez votre message normalement et vous repérez l'endroit où vous voulez couper votre message.
Puis vous passez en mode HTML dans l'édition du message en cliquant sur les <> sur la barre de mise en page
- Troisième étape :
Tout en haut de votre message en mode html, vous copiez-collez le code ci-dessous :
<script ="type/css">
#hidden {display:none}
</script>
A l'endroit où vous voulez que 'lire la suite' apparaisse, vous copiez/collez ce code
<p><a href="#nogo" onclick="document.getElementById('hidden').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
Puis vous mettez ce code  <p id="hidden"> avant la première lettre du premier mot de la suite de votre message et vous retirez tous les </p>  et <p>contenus dans la suite de votre message SAUF à la fin -fin et vous mettez un </p> à la fin-fin du message.
En résumé, voilà les codes dont vous avez besoin pour votre lire la suite :
- Feuille de style :
#hidden {display:none}
-En haut du message :
<script ="type/css">
#hidden {display:none}
</script>
-A l'endroit où vous voulez que Lire la suite apparaisse :
<p><a href="#nogo" onclick="document.getElementById('hidden').style.display = 'block';
this.style.display = 'none';">Lire la suite...</a></p>
-Avant la suite de votre message
<p id="hidden">
-A la toute fin de votre message
</p>
En clair ça donne ça :
p><script>
#hidden {display:none}
</script>
</p>
<p>Test de message</p>
<p><a onclick="document.getElementById('hidden').style.display = 'block';
this.style.display = 'none';" href="#nogo">Lire la suite...</a></p>
<p id="hidden">Ou est la suite???</p>
Elle est pas belle la vie?
Astuce 1:Si vous avez plusieurs "messages à suite" sur une même page, utilisez un #hidden différent par message, c'est à dire #hidden, #hidden1, #hidden2, etc...'que vous rajoutez de la même façon dans feuille de style
Astuce 2:Ce n'est pas le mot hidden qui cache le message, mais la propriété CSS display:none. A la place de #hidden, vous pouvez utiliser #caché ça fonctionne aussi bien.
Astuce 3 : Vous pouvez mettre ce que vous voulez à la place de 'lire la suite', en remplacant simplement les mots dans votre message en html.

30 janvier 2007

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 !