Par ju2
Bonjour chers cowbloggers, aujourd'hui on va apprendre ensemble à cacher ou réveler un texte juste en cliquant sur un petit lien. Le tout s'affichant bien évidemment, dans votre article (sinon où est l'intérêt --'). C'est ce qu'on appelle un SPOILER.
On en voit en général sur les forums car la fonction y est intégrée, mais dans cowblog, il était jusqu'ici impossible de faire un spoiler.
Tout d'abord, à quoi va servir votre spoiler. Vous pouvez tout simplement vous en servir pour cacher un texte, sachez tout de même qu'il sera accessible en un clic, mais aussi pour écrire un article avec un résumé, puis une suite qu'on choisit de lire ou pas.
Les spoilers sont aussi utilisés dans le cadre de fictions écrites, ce qui permet de lire si l'on veut ou pas, un épisode particulier de l'histoire.
Avantage : - ne demande pas la version Premium
- ne nécessite pas la modification du CSS ou du code html
Si vous souhaitez voir un exemple de spoiler, cliquez ici.
=> Le lien "click" en bas de la page.
Il suffit de copier et coller le code que vous retrouverez en bas de ce tutoriel dans le code source HTML de votre article.
Il faut impérativement modifier ce code, en fonction de vous, c'est ce que nous allons apprendre à faire tout de suite.
Ouvrez votre bloc note, copiez collez le code à l'intérieur.
Repérez vers la fin du code cette phrase : "MODIFIEZ-ICI-VOTRE-ID"
Vous allez la croiser à deux reprises.
A cet endroit là vous allez devoir définir un nom pour votre spoiler. Le problème est qu'on ne peut pas appeler deux fois un spoiler par un même nom, sinon il y aura des problèmes de fonctionnement de ces spoilers sur votre blog, en gros, ils s'annuleront et ne marcheront plus.
Pour nommer vos spoilers, vous pouvez vous servir de différent repères qui vous sont personnels. Pour ma part j'utilise la date du jour :
ex : "190608".
Si je publie plusieurs articles le même jour, où que j'utilise différents spoilers dans un ou plusieurs articles, pensez à rajouter une lettre après la date :
ex: : "190608a" ; "190608b" ; etc...
Remplacez tous les blablablablabla du code par votre texte.
Attention, pour le mettre en forme vous devrez utiliser les règles du HTML que je vous rappellerai brièvement à la fin de ce tutoriel.
Allons-y voici le code :
Donc, comme je l'ai dis précédemment, vous allez devoir vous fier aux normes HTML pour le contenu de votre spoiler.
Voici donc quelques balises à insérer dans votre texte, vous pouvez les copier et les modifier ou simplement vous en inspirer.
Maintenant que vous avez fini la modification du code, vous copiez le tout dans le code source de votre article, comme expliqué précedemment, et hop le tour est joué.
Attention, si vous éditez votre article il se peut que le code ne marche plus, car CowBlog a du mal à l'accepter, si vous n'êtes pas prévoyant, vous serez amené à tout recommencer. Réflechissez donc bien au contenu de votre Spoiler et à vos ID.
Voilà profitez bien de tout ça, et à vos blogs !