Blog d'Aide de PlayersOnline

Bienvenue sur les Nouveaux Blogs !

Axess — Mon, 19 Jan 2009 06:22:00 +0100

Bonjour à Tous

Voila la nouvelle aire des blogs de PlayersBlogs est enfin là !
Sur ce blog, nous vous guiderons pour réussir votre blog de A à Z !
Vous trouverez donc ici, tous les conseils, astuces et réponses à vos questions,
pour que vos blogs s'embellissent chaque jour !
Bon amusement à travers les Blog Players !!

Débutons, mais surtout Créons !!!

Axess — Mon, 19 Jan 2009 06:16:00 +0100

Allez, c'est parti, on se lance ! Let's Go...

Tout d'abord pour créer un blog, il suffit, bien évidemment de cliquer sur le lien Créer un nouveau blog
Jusque là, rien de bien compliqué... Ensuite, remplissez simplement les champs demandés !!
Ah je vous vois déjà grogner ! "MON NOM VA APPARAITRE !!!"
Mais non, rassurez-vous, vous pourrez publier votre blog sous un pseudonyme sans aucun souci !

Trève de plaisanteries ! Passons aux choses sérieuses...

Donc comme je l'ai dit précédemment, il faut remplir le formulaire, trop facile !!!
Je vous éclaire sur deux champs : "Nom du blog" et "Lien du Blog"

Explications

Nom du Blog

Bon, alors ça, c'est très simple... comme toute page web (hé oui, un blog est une page web, la vôtre plus précisement),
il faut un nom à celle ci. Ce Blog par exemple s'appelle : "Blog d'Aide de PlayersOnline", ce nom là apparait dans l'en-tête de votre blog.

Lien du Blog

Simplement, lorsque vous allez donner votre adresse blog à vos proches, afin qu'ils tombent directemment sur le votre blog on ajoute à la fin de http://www.playersblog.eu/nom_du_blog
pour celui ci par exemple l'url (plus connu sous lien) est http://www.playersblogs.eu/aide

Voilà, une fois tous les champs remplis, et les conditions d'utilisations lues (pensez à cocher la case), il ne vous reste plus qu'à cliquer sur "envoyer" !

Un E-Mail vous est envoyé, avec votre identifiant de connexion, et votre mot de passe !

Votre Blog est Créé !

Mais il est vide...

Justement, allons le remplir, l'exploiter, le faire suer, le rendre le plus joli de tous !

Je veux bien, mais je fais comment ? HEEELPP !!

Ne vous affolez pas... j'y viens !!
Tout d'abord il faut vous connecter à l'administration de votre blog !
Hop, c'est par là que ça se passe http://www.playersblogs.eu/admin/ !
Vous voilà sur une page d'autenthification, entrez simplement vos login et mot de passe puis cliquez sur "login"

Vous voilà dans l'administration de votre blog... Prochaine étape... Créer un article !

Familiarisation avec l'Administration...

Axess — Mon, 19 Jan 2009 06:12:00 +0100

Bienvenue dans l'Administration de votre Blog

Cliquez Pour Agrandir

Présentation Rapide :

Oui, avant de créer un article... Petite Observation de votre "tableau de bord" avec les différents icones.

Nouveau Billet

Cet icone, va tout simplement vous amener sur la création d'un article pour votre blog, que désormais, nous appellerons "billet" !
Vous allez me dire : "Mais sur la page, il y a déjà de quoi créer un billet, pourquoi deux endroits différents ?"
Plus loin, je vous expliquerai la différence entre la création d'un billet "rapide", et la création d'un billet "normal"...
Quoi qu'il en soit, pour publier un artic... euh un billet, c'est par là que ça se passe !

X billet(s)

Ici, ou X sera remplacé par un nombre (voyez sur la copie d'écran, pour l'instant nous sommes à 3 billets); nous aurons un aperçu global de nos divers billets, qu’ils soient "publiés" ou non.
Effectivement, car il est possible de mettre un article en ligne ou non en quelques clics seulement !
Vous pourrez donc, via l'icone "X billet(s)", d'un simple coup d'œil voir les articles existants sur votre blog.

X commentaire(s)

Même principe que ci-dessus, mais avec les commentaires.
Grâce à ce bouton, une surveillance accrue des commentaires, pour lire et relire les plus sympas, et enlever les indésirables !

Note perso : Je sais que vous êtes tous sympas, et que cet icone ne servira que pour lire vos belles lignes d'appréciation...

Jusque là vous me suivez...?! Alors continuons...

Préférences Utilisateurs

Ca veut dire ce que ça veut dire, c'est là que vous pourrez modifier les infos vous concernant telles que mot de passe, adresse mail etc...

Paramètres du Blog

Ah, nous entrons dans une partie avec quelques options de configurations :
Vous pouvez ici changer le nom de votre blog, vous savez, celui qui apparait sur l'en-tête !
Il y a bien de nombreuses choses à vous expliquer ici, tels que le format des dates par exemple.
Nous approfondirons tout cela un peu plus tard... Et oui, nous n'avons toujours pas d'article !

Apparence du Blog

C'est par ici qu'on change la tapisserie !! Plusieurs thèmes sont à disposition avec un aperçu de chacun d'entre-eux.
Pour choisir le thème qui vous convient, sélectionnez le, puis un clic sur "Utiliser ce thème" et le tour est joué !

Note : Sur la page principale de PlayersBlogs vous pouvez tester les différents thèmes grâce au "sélecteur de thèmes".
Intéressant n'est-ce pas ?

Pages

En quelques mots.. A l'aide de ce bouton, vous pouvez créer une nouvelle page simple.
Plutôt que de vous faire un long discours observez simplement la différence ici
Vous avez remarqué la différence ?
Ne vous inquiétez pas si vous ne l'avez pas compris ! On y reviendra plus tard...
Je vous expliquerai tout, sur une "page" par exemple !

Liens

Super simple... Vous voyez, là à gauche, plusieurs liens sont là : "Accueil Blog", "Accueil Site", et "Forum"...
Vous avez tout à fait compris... vous pouvez ajouter vos pages favorites via ce bouton, très simple d'utilisation !

X Galerie(s)

Ah, quelque chose de sympathique... Une galerie...
Vous pourrez grâce à ce petit plus, créer une "visionneuse de photos" sur votre blog.
Un petit album photos facilement configurable..

In Progress...

Vous voilà un peu plus familiarisé avec votre Blog... Allons créer un billet !

To be continued...

Création de Billets.

Axess — Mon, 19 Jan 2009 06:10:00 +0100

Votre Premier Billet...

Vous voilà avec un blog tout neuf et vous avez plein de choses à dire ou à montrer ? C’est le moment de créer votre premier billet.

Note : Dans mon exemple, je vous guiderai par la méthode "normale" (souvenez vous, billet rapide & billet normal)

Commençons !

Tout d'abord, cliquez sur le lien Nouveau billet dans la colonne de gauche.
Théoriquement une nouvelle page s'affiche (si c'est pas le cas... euh..!!). Chacun de ces champs est précédé d'un libellé avec une étoile rouge (*) si il est obligatoire.
Ici il y a 2 champs obligatoires : le titre et le contenu.

Il ne nous reste qu'à remplir les champs :
Plusieurs types d'édition sont possible (à droite : Format du texte, par défaut xHTML).

Note Perso : J'utilise personnellement le format xHTML qui offre un aspect visuel, ainsi qu'un aspect source, le mieux à mon avis.

Astuce :

Un Ruban vous permet de "générer" des codes automatiquement, tels qu'un texte en gras, souligné, ou même encore
en italique (voir ci-dessous)

Expliquons :

Choix de la taille du texte :

Paragraphe :
Bonjour à tous !!

Titre de niveau 1 :

Bonjour à tous !!

Titre de niveau 2 :

Bonjour à tous !!

Titre de niveau 3 :

Bonjour à tous !!

Titre de niveau 4 :

Bonjour à tous !!

Titre de niveau 5 :

Bonjour à tous !!

Titre de niveau 6 :

Bonjour à tous !!

Bien évidemment, la différence est visible. Continuons...

Texte en gras :

Le texte que vous lisez est en gras !

Texte en italique :

Le texte que vous lisez est en italique !

Texte souligné :

Le texte que vous lisez est souligné !

Texte barré :

~~Le texte que vous lisez est barré !~~

Voila pour ce qui est de la mise en forme pour l'instant, les couleurs, seront vues un peu plus loin !!

Citation en ligne :

Voici une citation (mise en gras):C’est le signe d’un fou, qu’avoir honte d’apprendre.

Code :

Ceci est un exemple de Code

Passage à la ligne :

Je ne vais épiloguer sur ce bouton, assez explicite par son titre, il permet simplement de passer à la ligne.

Bloc de citation :

Ceci est un bloc de citation.
Il s'agrandira automatiquement, suivant le nombre de lignes.

Texte préformaté :

Voila quelque chose de bien sympathique. Le texte préformaté ! Exemple :

Texte non préformaté
.-. /___\ |___| |]_[| / I \ JL/ | \JL .-. i () | () i .-. |_| .^. /_\ LJ=======LJ /_\ .^. |_| _._._/___\._./___\_._._._._.L_J_/.-. .-. .-.\_L_J._._._._._/___\._./___\._._._ ., ., |-,-| ., L_J |_| [I] |_| L_J ., |-,-| ., ., JL JL |-O-| JL L_J%%%%%%%%%%%%%%%L_J JL |-O-| JL JL HH_IIIIII_HH_'-'-'_HH_IIIIII|_|=======H=======|_|IIIIII_HH_'-'-'_HH_IIIIII_HH_ []--------[]-------[]-------[_]----\.=I=./----[_]-------[]-------[]--------[]- || _/\_ ||\\_I_//|| _/\_ [_] []_/_L_J_\_[] [_] _/\_ ||\\_I_//|| _/\_ ||\ || |__| ||=/_|_\=|| |__|_|_| _L_L_J_J_ |_|_|__| ||=/_|_\=|| |__| ||- || |__| |||__|__||| |__[___]__--__===__--__[___]__| |||__|__||| |__| ||| [_]IIIIIII[_]IIIII[_]IIIIIL___J__II__|_|__II__L___JIIIII[_]IIIII[_]IIIIIIII[_] [_] \_I_/ [_]\_I_/[_] \_I_[_]\II/[]\_\I/_/[]\II/[_]_I_/ [_]\_I_/[_] \_I_/ [_] L_J./ \.L_J/ \L_J./ L_JI I[]/ \[]I IL_J \.L_J/ \L_J./ \. L_J L_J| |L_J| |L_J| L_J| |[]| |[]| |L_J |L_J| |L_J| |L_J L_JL_____JL_JL___JL_JL____|-|| |[]| |[]| ||-|____JL_JL___JL_JL______JL_J

Vous vous demandez ce que c'est... Regardez juste en dessous !

                                     .-.
                                    /___\
                                    |___|
                                    |]_[|
                                    / I \
                                 JL/  |  \JL
      .-.                    i   ()   |   () i                      .-.
      |_|     .^.           /_\  LJ=======LJ  /_\           .^.     |_|
_._._/___\._./___\_._._._._.L_J_/.-. .-. .-.\_L_J._._._._._/___\._./___\._._._
.,        ., |-,-| .,       L_J  |_| [I] |_|  L_J       ., |-,-| .,        .,
JL        JL |-O-| JL       L_J%%%%%%%%%%%%%%%L_J       JL |-O-| JL        JL
HH_IIIIII_HH_'-'-'_HH_IIIIII|_|=======H=======|_|IIIIII_HH_'-'-'_HH_IIIIII_HH_
[]--------[]-------[]-------[_]----\.=I=./----[_]-------[]-------[]--------[]-
||  _/\_  ||\\_I_//||  _/\_ [_] []_/_L_J_\_[] [_] _/\_  ||\\_I_//||  _/\_  ||\
||  |__|  ||=/_|_\=||  |__|_|_|   _L_L_J_J_   |_|_|__|  ||=/_|_\=||  |__|  ||-
||  |__|  |||__|__|||  |__[___]__--__===__--__[___]__|  |||__|__|||  |__|  |||
[_]IIIIIII[_]IIIII[_]IIIIIL___J__II__|_|__II__L___JIIIII[_]IIIII[_]IIIIIIII[_]
[_] \_I_/ [_]\_I_/[_] \_I_[_]\II/[]\_\I/_/[]\II/[_]_I_/ [_]\_I_/[_] \_I_/  [_]
L_J./   \.L_J/   \L_J./   L_JI  I[]/     \[]I  IL_J   \.L_J/   \L_J./   \. L_J
L_J|     |L_J|   |L_J|    L_J|  |[]|     |[]|  |L_J    |L_J|   |L_J|      |L_J
L_JL_____JL_JL___JL_JL____|-||  |[]|     |[]|  ||-|____JL_JL___JL_JL______JL_J

C'est plus sympa comme ça non ? Promis les deux "textes" sont les mêmes !! Tout simplement Magique !
Oui, effectivement, le bouton "pre" permet de garder la mise en forme d'origine sans utiliser les retours à la ligne, etc.

Liste à puces :

Petit exemple ci-dessous :

Voici
Ma Liste
A Puces

Simple et efficace. Vous aurez remarqués que je l'utilise depuis le début pour les différents "boutons".

Liste numérotée :

Encore un petit exemple :

Premier
Deuxième
Troisième

Et voici un liste numérotée ! Je vous rassure, les numéros ce mettent automatiquement..

Lien :

Pour ajouter un lien, cliquez simplement sur le bouton, cela ouvre une "pop-up". Entrez l'adresse du lien, la langue n'est pas obligatoire. Puis cliquez sur "insérer", votre lien est ajouté !

Image externe :

Même chose que pour le lien, une "pop-up" s'ouvre, entrez l'adresse de l'image et cliquez sur "OK".
L'image est alors ajoutée !

Suppression de Mise en Forme :

Ce bouton, supprime d'un seul clic tout la mise en forme effectuer ! Utilisation très rare.

Sélecteur de Média :

Permet de choisir un "média" (images, vidéos, musiques) à ajouter a votre blog. Ces médias sont sauvergarder sur le serveur.

Lien vers un billet :

Ce bouton, vous permet de mettre un lien vers un billet de votre blog. Très utile, pour faire des rappels

Ajout d'un tag :

Permet de générer des tags ou "Mots Clés" associés à l'article. Surlignez le mot à "tagger" puis cliquez sur ce bouton.

Vous pouvez souffler... Vous avez de quoi faire un beau billet jusqu'à là...

Oui, c'est bien sympa... Mais euh... Les couleurs ?

Je vous expliques... Lisez bien le tout, je pense que c'est la partie la plus délicate, mais ne vous inquiètez pas, ce ne sont que des couleurs, vous avez le droit à plusieurs essais !

On se jette à l'eau...!

Comme je le disais précédement, il vous faudra bien lire ce qui va suivre. Ne paniquez pas, c'est pas si compliqué que ça une fois qu'on à compris.

Donc, tout d'abord, faites votre article de facon simple, en format d'édition xHTML (obligatoire pour les couleurs), à droite sur le billet en cours de création.

Votre article est donc fait... il ne reste plus qu'a passé en aperçu "source".
Oh surprise, du code, pas très compréhensible...Petit cours rapide :

<h3> Balises de titre allant de h1 à h6 ! </h3> Cela correspond simplement aux différents niveaux de titres vu plus haut.

<p>Nouveau Paragraphe</p> Tout simple, c'est un paragraphe.

<br /> Est équivalent à un retour à la ligne. // <br /><br /> Est égal à un saut de ligne.

<strong>Gras</strong> Texte en gras.

<em>Italique</em> Texte en italique.

<ins>Soulignement</ins> Texte souligné.

<a href="http://www.monlien.fr/index.php">Liens<a> C'est un lien, qui lorsqu'on cliquera sur "lien" on arrivera à http://www.monlien.fr/index.php.

<img src="http://www.monlien.fr/image.jpg"> Ici, c'est une image !

Les balises principales sont vues, vous n'êtes pas obligé de retenir, mais c'est toujours un plus !

Aller, la couleur !!!

La couleur dans un article se génère en RGB (Red, Green, Blue) en Anglais, et RVB (Rouge, Vert, Bleu) en Français.
Peut importe RGB ou RVB, le résultat est le même...
Il faut simplement faire attention à l'ordre, car si vous inverser les valeur Bleu & Rouge sont inversés, le résultat ne sera pas le même.

Trève de bavardages !

Pour donner de la couleur à tout un titre, ou paragraphe, voilà ce qu'il faut mettre :
<h3 style="color :rgb(121, 128, 129)">Texte en couleur, qui peut s'appliquer des balises "h1" aux balises "p". </h3>

/!\ Lorsque vous fermez votre balise (fin du titre, fin du paragraphe).
/!\ La couleur, est automatiquement stoppée elle aussi !

Pour ajouter de la couleur, sur seulement un ou plusieurs mots, il faut entouré le(s) mot(s) de la balise <font>.

Exemple :

<p>Ce texte sera de la couleur par défaut, mais ce <font color="#318ce7"> bleu </font> .
Ici on utilise un code héxadécimal

J'espère que vous avez tous compris... Relisez nombre de fois qu'il vous plaira, n'hésitez pas à tester sur vos blogs !

Euh, mais les codes, où les trouve t'on ?

Bah, rien de bien compliqué, voici quelques liens :

Alterlinks.fr
Cliquez sur la couleur de votre choix, puis copier le code RGB ou héxadécimal (HTML) donné en haut du tableau.

Wikipedia.org
Sélectionnez le code RVB ou héxadécimal de votre choix dans la liste.

Bonus !!

Téléchagez "La Boite à Couleurs"

Voilà un petit logiciel, gratuit, que moi-même j'utilise. Très simple, il vous permettra de "créer" votre couleur, ensuite copiez-collez, les codes de haut en bas.

Vous voilà fin prêt pour rendre vos Blogs de vrais feux d'artifices de couleurs !!

To be continued...

Ajouter votre touche perso...

Axess — Mon, 19 Jan 2009 06:08:00 +0100

Ici, nous allons développer le sujet des "Widgets de présentation" !

Ok, mais c'est quoi les "widgets" ?

Sur les blogs, comme vous avez pu constater, il y a une (ou deux suivant le thème) colonne(s), avec diverses choses dedans.
L'heure, par exemple, la météo, un texte personnalisé, des liens etc.
Toutes ces choses, se gèrent dans les "Widgets de présentation".

Ou est-ce qu'on gère tout ça ?

Très Simple, dans le menu à droite (une fois dans l'administration de votre blog), cliquez simplement sur :
"Widgets de présentation" (Voir l'image ci-dessous).

Vous voilà dans l'administration des Widgets !

Cliquez Pour Agrandir.

Vous voilà dans l'interface pour gérer vos widgets.
Vous vous trouvez devant trois colonnes : "Widgets disponibles" / "Bandeau de Navigation" / "Bandeau d'Extra".

Donc, les widgets disponibles, sont tout simplement ceux que vous pouvez installer sur votre blog, en les mettant tout simplement dans une colonne bandeau d'extra ou de navigation.
Je ne vais pas tous vous les définir, non seulement, parce que ce serait super long, mais en plus, il faut que vous bidouillez vous même un petit peu aussi !
Je vous expliquerez surtout le fonctionnement !

Euh... Quelle diférence entre Bandeau de Navigation et d'Extra ?!

Cela dépend surtout du thème que vous avez sur votre blog... Si c'est un thème avec deux colonnes (comme celui-ci par exemple), la différence est quasi inexistante, hormis, que ça jouera sur l'ordre des widgets.
Pour les blogs a trois colonnes, cela change. Une colonne contiendra les bandeaux d'extra, une autre ceux de navigations. Je ne peux pas vous dire si ce sera celle de droite ou de gauche qui tiendra tel ou tel bandeaux, cela dépend du thème.
Une fois de plus, testez, découvrez !

Comme je vous l'ai dit précedemment, je ne vous expliquerez pas chacun des widgets, je reviendrais surtout sur le widget "Texte".
Celui-ci comme son nom l'indique, permet de placer du texte, tel qu'un message de bienvenue, mais aussi de rajouter du code html, comme sur le blog de Mawi par exemple.
MAwi, a ajouté sur son blog, un mini lecteur deezer, une horloge personnalisée, etc.
Pour ce faire, elle est aller sur divers sites de services aux webmasters tels que http://www.compteur.cc/ ou encore http://www.monsitegratuit.com/ et bien d'autres.

Exemple sur http://www.compteur.cc !

Tout d'abord, il faut se rendre sur le site http://www.compteur.cc puis vous choisissez votre compteur, horloge, ce que vous voulez ajouter à votre blog.
Vous personnalisez les coloris, textes ou autres, puis une fois fini, vous copiez collez le code qui ressemble à ceci :

<script src="http://www.compteur.cc/message/lcd.php?LCD=1&t=COOL TEXT SCROLLER&msg=Votre texte défilant&b=1"></script><noscript><a href="http://www.compteur.cc">Compteur</a></noscript>

Ok, mais je colle ça où ?

Collez cela, dans votre widget "texte" (il faut au préalable le déplacez dans la colonne "bandeau" appropriée), cliquez sur "Mettre à jour les Bandeaux".
Vous pouvez vous rendre sur votre blog, et votre compteur ou autre apparait sur celui-ci !
Certains widgets peuvent être mis plusieurs fois, comme le "texte" qui permet l'insertion de plusieurs choses sur votre blog.

Blog d'Aide de PlayersOnline

Bienvenue sur les Nouveaux Blogs !

Bonjour à Tous

Débutons, mais surtout Créons !!!

Allez, c'est parti, on se lance ! Let's Go...

Explications

Votre Blog est Créé !

Mais il est vide...

Je veux bien, mais je fais comment ? HEEELPP !!

Vous voilà dans l'administration de votre blog... Prochaine étape... Créer un article !

Familiarisation avec l'Administration...

Bienvenue dans l'Administration de votre Blog

Présentation Rapide :

Jusque là vous me suivez...?! Alors continuons...

Vous voilà un peu plus familiarisé avec votre Blog... Allons créer un billet !

To be continued...

Création de Billets.

Votre Premier Billet...

Commençons !

Expliquons :

Bonjour à tous !!

Bonjour à tous !!

Bonjour à tous !!

Bonjour à tous !!

Bonjour à tous !!

Bonjour à tous !!

Bien évidemment, la différence est visible. Continuons...

Voila pour ce qui est de la mise en forme pour l'instant, les couleurs, seront vues un peu plus loin !!

Vous pouvez souffler... Vous avez de quoi faire un beau billet jusqu'à là...

On se jette à l'eau...!

Aller, la couleur !!!

Trève de bavardages !

/!\ Lorsque vous fermez votre balise (fin du titre, fin du paragraphe). /!\ La couleur, est automatiquement stoppée elle aussi !

Exemple :

Euh, mais les codes, où les trouve t'on ?

Bonus !!

Vous voilà fin prêt pour rendre vos Blogs de vrais feux d'artifices de couleurs !!

To be continued...

Ajouter votre touche perso...

Ok, mais c'est quoi les "widgets" ?

Ou est-ce qu'on gère tout ça ?

Vous voilà dans l'administration des Widgets !

Euh... Quelle diférence entre Bandeau de Navigation et d'Extra ?!

Exemple sur http://www.compteur.cc !

Ok, mais je colle ça où ?

Voilà, il ne vous restes plus qu'à personnaliser vos blogs, avec la petite touche perso, que sont les widgets

/!\ Lorsque vous fermez votre balise (fin du titre, fin du paragraphe).
/!\ La couleur, est automatiquement stoppée elle aussi !