lundi 4 juin 2012

Tutoriel daily jogg

                                                   Tutoriel du daily jogg

Cher rédacteurs et amis joggers,
Cela fait pas mal de temps que l'on laisse traîner pas mal de tuto en interne dans le blog du coup pour s'y retrouver ça devenait compliquer.

Avec pierrot, nous avons eu l'idée de tout regrouper dans un article que serait visible pour notre communauté.

Toutes les nouvelles techniques acquise seront donc présentes dans cet article.

I/ Bien référencer le blog 

Pour que le blog soit bien visible et attire du monde sur jogg, il faut respecter un bon nombre de procédure.
Chaque article doit : 
- avoir au moins 150 mots 
- avoir des libellés remplis (visible dans le menu à droite lorsque l'on rédige un article)
- associer un mot de l'article à la page de garde du blog : http://dailyjogg.blogspot.fr/
- avoir dans la mesure du possible les mots importants surligner en gras

Si vous n'avez pas bien compris ces points là, n'hésitez pas à me demander plus de détail.
NB : Bien penser à relayer les articles sur la page facebook du daily jogg. C'est grâce aux amis des amis que nous pourrons dénicher des membres sur facebook et par la même occasion offrir à nos lecteurs un suivi des articles de qualités.

II/ La charte graphique

Grâce à Get@o et d'autres, le design général du blog est propre et correspond au maximum à celui de jogg. Cependant le design des articles laisse parfois à désirer. Pour harmoniser les articles il convient donc de se mettre d'accord.

Il est fortement conseillé de ne pas utiliser de traitement de texte pour écrire son article, il faut l'écrire dans l'interface de Blogger car il y a une police, une couleur et une taille de texte par défaut. À la limite si vous voulez travailler en local vous pouvez utiliser le bloc note puis faire votre mise en page à la fin dans l'interface de Blogger. Pour faire un copié/collé à partir d'un traitement de texte où à partir d'une page web il faut passer par le bloc note: on copie/colle dans le bloc note puis on recopie/colle du bloc note à l'interface de blogger pour ne pas récupérer le style du texte.

Il convient aussi de toujours rajouter au moins une image ci possible sinon tant pis.

III/ L'importance des pages et des articles 

Les pages apparaissent comme des onglets tout en haut du blog, on y retrouve, gameplay, joggers, accueil, jogg, facebook ...

Chaque article important du daily doit être intégré dans l'une de ces catégories afin d'être visible et retrouvable facilement par les lecteurs.

Si j'ai omis de mettre dessus un article important, il faut à tout prix me le rappeler.
Enfin plus nous aurons d'articles, plus nous augmenterons les probabilités pour qu'un internaute atterrisse sur le daily ou encore mieux, sur jogg.

IV/ Place aux astuces 

a) Insérer un sondage dans un post :

 Visualiser cette video (si tu as le temps un de ses quatre de nous simplifier ca pierrot ce sera cool)

http://videotutorials.bloggertricks.com/how-to-add-poll-inside-blogger-blog-post/

b) Spoiler pour le blog 

Voici un spoiler qui devrais bien fonctionner (sauf si plus d'un spoiler par article : à vérifier)

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Afficher" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>


il faut juste modifier {text} par votre texte

c) Créer un évènement live 

http://www.coveritlive.com

Je rajoute également la phrase de pierrot assez explicative à bien mettre avant la fenêtre covert-it pour que tout le monde participe dans de bonnes conditions : 
"Si votre commentaire n'apparait pas, patientez un peu ! :) Pour jouer au quizz, il faudra se logger sous un compte openid(gmail etc...) ou facebook. Seul Pierrot pourra voir votre compte de connexion, et évidemment il ne vous spammera pas, ni vous ajoutera sur facebook :)"