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. Information 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é  https://static.blog4ever.com/2008/05/205392/artfichier_205392_799364_201204225646428.gif

 

Sigle EuroCe 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.

 

Ajouter cet article à vos favorisEn 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.

CaptureCapture

 

Capture

Capture

 

 

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.

 

 

https://static.blog4ever.com/2008/05/205392/artfichier_205392_431761_201201305031647.png

 

 

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.

https://static.blog4ever.com/2008/05/205392/artfichier_205392_431764_20120130505193.png

 

 

 

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.

 

https://static.blog4ever.com/2008/05/205392/artfichier_205392_431766_20120130515835.png

 

 

 

Puis ce lien sera encapsulé dans les balises HTML suivantes :

<script src="  ** ici **  "> </script>
Pour l'insérer en bas de la structure du blog comme ci-dessous,  après {javascript} .

https://static.blog4ever.com/2008/05/205392/artfichier_205392_431829_201201303406320.png

 

L'adresse du fichier Javascript doit être codée de la façon suivante :

<script type="text/javascript" src=" adresse du fichier "></script>

 

 

 

 

Retour page précédente

 

...



23/10/2011
0 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso