Aide DizTest

Comment bien utiliser ce blog

Info Cet article n'est qu'à son début, suite aux modifications importantes réalisées ou en cours sur BLOG4EVER, DizTest doit être complétement remanié et je pense que cette aide vous sera utile. Sa présentation évoluera certainement, petit à petit, selon l'avancée de son contenu.

Dans un premier temps, je vous conseille d'utiliser la barre flottante, en bas à droite sur toutes les pages, comme sur cette aide d'ailleurs. Pour circuler de haut en bas des pages mais surtout pour revenir à la page précédente, qui vous permettra de revenir sur le page où vous avez cliquez pour ouvrir l'aide.

Généralités et conventions

Vouloir modifié le design de son blog en faisant quelques efforts pour essayer de comprendre et suivre les tutos... s'initier aux langages des pages Web par des exemples réels et utiles.
Une approche ludique à l'informatique en évitant l'angoisse de l'inconnu. Petit à petit on se familiarise à ce monde virtuel et la soif de réaliser une présentation personnelle de son blog, vous amène à vouloir toujours faire mieux.

Suite ↓

Mon avatar

En cliquant sur cet avatar ce fichier d'aide s'ouvrira, en principe sur un paragraphe en rapport à la page en cours mais également sur toute l'aide pour voir ou revoir les généralités. L'aide s'affiche en principe dans la même fenêtre, pour revenir au blog utilisez le bouton page précédente de ma barre flottante en bas à droite.

Gif Info animé

Cette icône indique une information importante.

Vous rencontrez également les icônes suivantes, avec leur signification au survol de la souris

Idée Info Danger Nouveauté

Sigle Euro Ce sigle, indiquera l'obligation d'avoir une version payante pour réaliser les modifications proposées qui nécessitent l'utilisation des bordures ou du système myDesign.

En cliquand sur cette icône, vous ajouterez l'article dans vos favoris, de façon à pouvoir le consulter plus rapidement plus tard. Vous pouvez créer un dossier spécial pour regrouper mes articles.

Malheureusement certains navigateurs actuellement ne sont pas compatibles avec mon code. Dans ce cas vous utilisez la fonction de votre navigateur.

Pour Firefox il faut décocher une case, voir la capture ci-dessous.

Activation du système myDesign.

Le système "myDesign", donne accès à la structure HTML des pages de votre blog, ce qui permet une personnalisation complète. En effet vous avez la possibilité de déplacer les différentes parties composant les pages et même de rajouter des blocs. Avec le CSS pour la décoration et le Javascriptpour l'animation, les initiés en informatique auront la liberté d'améliorer leur blog.

Suite ↓

Si votre blog est en versions où "myDesign" est en option, il faut l'activer. Quand vous êtes dans la gestion, ouvrez le menu "VOTRE BLOG", puis cliquez sur "Modèle graphique".
La page qui s'ouvre contient toutes les vignettes des différents modèles graphiques proposés par Blog4ever. En bas de cette page, vous avez un encart avec un bouton pour activer "myDesign"

Après cette activation, que votre blog soit en DizPerso ou en l'un des modèles graphique, vous avez 2 onglets à gauche :
- Style du blog
- Structure du blog

Et vous remarquer également que vous avez dans le menu à gauche "Personnaliser le design" qui remplace les 2 éléments que vous aviez avant "Modèle graphique" et "Diz perso".

Voilà "myDesign" est activé, à vous d'apprendre à l'utiliser.

Quelques captures d'écran des différentes étapes citées ci-dessus.

Comment mettre des scripts en bordures de page.

Dans les versions payantes vous avez accès aux bordures de pages, c'est à dire un emplacement qui permet de rentrer divers codes. C'est là que vous pouvez placer des scripts utilisables sur toutes les pages de votre blog.

Suite ↓

En gestion allez dans → VOTRE BLOG → Options avancées, pour ouvrir la page ci-dessous, où vous avez 2 zones de saisie, dans la seconde vous pouvez mettre les scripts généraux.

Comment mettre un script dans la structure HTML.

Si vous avez activé le système myDesign vous accédez à la stucture HTML de votre blog, ce qui vous permet d'insérer ou de déplacer des éléments.

Suite ↓

C'est là que vous pouvez placer un script comme ci-dessous, attention réservez cette possibilité pour un petit script, il est préférable de créer un fichier bibliothèque qui renfermera vos scripts, que vous liez, voir plus loin.

Comment faire un fichier bibliothèque de scripts.

Création d'un fichier Javascript, regroupant plusieurs scripts, en utilisant tout simplement un petit éditeur de texte comme par exemple le bloc-notes.

Suite ↓

Une fois que vous avez mis vos codes, enregistrez ce fichier sur votre ordinateur sous le nom que vous voulez, l'important est de mettre l'extention .js pour que le système reconnaisse son contenu comme étant du Javascript.

Le fichier Javascript doit être hébergé sur internet soit dans votre boîte à fichiers, soit sur un site hébergeur qui accepte les liens directs.
Si votre fichier est dans la boîte à fichiers, il faudra copier le lien direct pour le lier à votre blog.