27/07/2010

Blogs collaboratifs: Problèmes de migration.

Les blogs collaboratifs ont été migré de manière problématique vis-à-vis des auteurs…..et de leurs « Fonctions ».

Tout d’abord, tous les billet du blog ont été attribués à l’auteur principal du blog,…..les différents auteurs invités ont bien l’accès au blog,……mais….n’ont plus aucun billet lié à leur pseudo.

Embêtant….car comme on dit… « Faut rendre à César ce qui appartient à César ! ».

 

2007_annee_collaboration.png

 

Hors….dans l’administration,…il n’ existe aucun moyen de réattribuer les billets anciens.

Par contre…..il existe une solution secondaire, c'est-à-dire « Bricolée ».

Pour ceux qui ont eu l’idée par le passé d’attribuer une catégorie à chacun des auteurs, la solution est simple…

Se rendre dans l’administration --- > « Tableau de bord »--- > « Configurer les pieds de note ».

Une fois là, vous désactivez la case « Auteur »…..qui n’apparaîtra plus dans le pied de note.

Les auteurs seront alors indiqués dans le pied de note par la « Catégorie ».

Alors…pour ceux qui n’avaient pas créé les catégories par auteurs, il ne vous reste plus qu’à le faire…..ou attendre la solution providentielle de « Blogspirit ».

 

Deuxième problème, et non des moindres…….suite à la migration, tous les « auteurs invités » ont accès à presque la totalité de l’administration du blog.

C’est assez « délicat »……..car comme on dit aussi, les amis d’un jour peuvent être les ennemis de demain ; -))))))…….et la blogosphère a prouvé que dans les conflits virtuels…..tous les coups sont permis ! : -)))))

J’ai soumis ce problème à Julie….et voici une partie importante de sa réponse qui permet de comprendre le « réglage » à faire en interne pour les blogs collaboratifs.

 

Les auteurs que vous invitez pourront publier des articles ou si vous le souhaitez administrer votre blog.

Pour cela vous devez être identifié puis vous rendre à la rubrique Auteurs de l'onglet Tableau de bord.

Pour inviter un utilisateur à devenir Auteur sur votre blog, vous devez remplir le formulaire Inviter un auteur et indiquer son nom (ou pseudo), son email, son statut et une description.

Le statut correspond aux droits que vous donnez à l'auteur sur le blog pour lequel vous l'invitez :

  • L’auteur peut publier, modifier et supprimer les notes (uniquement celles dont il est l'auteur) ainsi qu'accéder aux statistiques du blog.
  • L’auteur senior peut gérer la rubrique Notes (publier, modifier ou supprimer une note), modérer les commentaires, créer, modifier ou supprimer une liste ou un album photo et consulter les statistiques du blog.
  • L’administrateur a accès à l’ensemble de l’interface d’administration du blog dont l'onglet Tableau de bord.

 

Voilà pour la réponse……à cela j’apporterais un « correctif »….il semble aussi que l’auteur invité, s’il a le statut « Auteur senior » puisse également modifier tout le design du blog.

 

Le problème de la migration, c’est que tous les auteurs ont été transférés avec le statut « Auteur senior »…..et du coup, il peuvent tout faire du blog…..sauf le supprimer. : -)))))

Alors, pour remédier à cela, et pour limiter les droits des auteurs invités à ce qu’ils étaient avant migration…..vous devez changer le statut de vos auteurs en les stipulant « Auteur ».

 

Comment procéder ?

 

Se rendre dans l’administration --- > « Tableau de bord »--- > « Auteurs ».

Une fois la page « Auteurs » ouverte….vous sélectionnez un à un vos auteurs, et cliquez sur « Modifier »….vous obtenez alors cette fenêtre :

 

auteur.jpg

 

Et à la rubrique « Statut », dans le menu déroulant, vous choisissez « Auteur »  et « Enregistrer ».

Votre auteur n’aura dès lors plus que l’accès à ses notes et à l’éditeur.

 

Ceci dit, perso, je trouve bien de pouvoir donner plus de droits à certains auteurs, là…pour moi, c’est un plus !

10:00 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (2) | |  Facebook

26/07/2010

Débloquer les commentaires.

Update du 26:07 10h30

Il semblerait que cette modification ne soit plus nécessaire, Julie signale qu'une modification en interne a été faite sur la plateforme pour corriger le problème du captcha..........

 

Bon…alors ….grâce à ITEM….voici un moyen de débloquer votre bloquage commentaire.

Voici d’abord mes constatations de la journée, car à mon avis, elles complètent la solution d’Item…..

Aujourd’hui….j’ai pas eu de problème de commentaire…jusqu’au moment du poste de Julie sur le sujet……

 

Pas de nom21.jpg

 

Là ….me suis dis…je vais tester le captcha….

J’ai donc posé un lien dans le commentaire (car me concernant, ce n’est qu’à ce moment là qu’il y a activation du captcha)…..et en effet captcha demandé….mais pas de captcha ! : -))

Donc….je retourne sur la page d’accueil….je retourne dans les commentaires et me dis….je vais alors poser un commentaire sans lien…..ce qui devrait passer…..

Et bien non……à nouveau captcha !.......sans arrêt….et pas d’image….donc…bloqué !

A ce moment là….je suis sous IE7 Vista.

Donc….je tente Chrome……et là aussi…captcha…pas de captcha…et bloqué !

Ce n’est donc pas une histoire de cookies ou de navigateur……

Du coup….je pense IP…….en fait…..lorsque l’on calle sur un captcha que l’on ne reproduit pas (ici à cause de son absence)…..c’est à mon avis…..l’IP qui est alors bloquée par le serveur tant que l’on ne reproduit pas un captcha…..ça expliquerait pourquoi…une fois que l’on bloque……que l’on ne puisse plus rien commenter du tout…avec lien , sans lien, avec un navigateur ou un autre….sur n’importe quel blog…….l’IP est classée SPAM

 

Voici donc la solution d’Item

Vous devez vous rendre dans votre administration…

« Présentation » - - -> « Configuration avancée »--- > et repérer le template « Modèle de la page commentaires »……

 

Template commentaire.JPG

 

vous l’ouvrez et tombez sur cette fenêtre :

 

commentaires.jpg

 

Une fois la fenêtre ouverte, vous repérez tout à la fin…ce code..

 

 

                                   </webform:form>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div style="clear: both;">&#160;</div>

                </div>

            </div>

        </div>

        <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>

        <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>

    </body>

</html>

 

En dessous de la balise </div> en rouge, vous créez un espace et coller le code suivant, qui est l’image du captcha, en ayant au préalable remplacé dans ce code l’adresse de « Rien » en rouge, par l’adresse de votre blog:

 

<img src="http://riensurles.skynetblogs.be/apps/controlcomment/captcha.php"  >

 

Pour Julie par exemple....ce code devient

 

<img src="http://toutsurles.skynetblogs.be/apps/controlcomment/captcha.php"  >

 

Et mis en place dans le template commentaires....ça donne ceci

 

                                    </webform:form>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div style="clear: both;">&#160;</div>

                </div>

            </div>

<img src="http://riensurles.skynetblogs.be/apps/controlcomment/captcha.php"  >

        </div>

        <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>

        <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>

    </body>

</html>

 

Une fois cette opération réalisée, le captcha de votre blog devrait apparaître aux visiteurs..

 

NOTIFICATION TRES IMPORTANTE

Pour ceux qui ne se sentent ni le courage, ni l’envie d’aller bidouiller leurs codes et qui se voient privés de commentaire…..il existe une solution.

Comme je le dis en début d’article….dès que vous ne validez pas un captcha car « non visible »…..votre IP est considérée comme SPAM par le serveur, et résultat, vous ne pouvez plus commenter nulle part.

La solution pour vous est de passer sur un blog ayant implémenté ce code et d’y laisser un commentaire…..comme le captcha sera visible, vous pourrez le copier….et du coup votre IP sera libérée et vous pourrez alors commenter sur tous les blogs….

Donc….pour faciliter les choses à tous, je propose à ceux qui implémentent ce code, de coller l’image suivante en tête de colonne de votre blog, cela indiquera au blogueur bloqué qu’il peut se libérer chez vous. C’est ça la solidarité ! : -))))) Jules vient de placer l’image en haut de sa colonne gauche.

facebook_captcha.png

01:35 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (50) | |  Facebook

24/07/2010

Nouveau design: le "Théatral"

Bon….alors…une fois n’est pas coutume sur « Rien »….je m’amuse à créer de nouveaux designs : -)))))

Et en voici un que je vous livre « Plug and play »….ou « prêt à l’emploi…pour ceux qui le veulent, le design « Théatral ».

Cliquez pour agrandir.

Théatral.jpg

 

Ce design peut se placer en quelques minutes.

Voici la méthode…….

Tout d’abord, rendez vous dans votre administration ---> « Présentation » ---> « Modèles »

 

design1a.JPG

 

Pour placer ce design, il vous faut d’abord choisir l’option « Blog à deux colonnes » 1.

Ensuite……choisir le modèle de blog  marqué 2 et en cliquant sur « Utiliser ce modèle ». N’oubliez pas d’enregistrer.

Une fois cette opération terminée…..rendez-vous  dans :

« Présentation » ---> « Configuration avancée » et ouvrez la « feuille de style » en cliquant sur « Modifier le template »…..vous aurez alors cette fenêtre. :

 

design3.jpg

 

Dans un premier temps, effacez TOUT ce qui se trouve dans la colonne de droite.

Ensuite…..copiez tout le code qui se trouve ICI

Collez le ensuite dans la fenêtre de droite  de l’éditeur de la feuille de style CSS, décochez la case « Charger cette CSS » (En dessous de la fenêtre de gauche) et pour terminer, cliquez sur « Enregistrer »….

Si vous avez bien suivi, le Design « Théatral » devrait être le vôtre ! : -)))))))

La feuille CSS de ce blog est réalisée pour que le titre et la description de votre blog apparaissent directement dans la bannière à partir du titre et description inscrits sur la page « Tableau de bord » de votre blog.

Vous ne devez donc plus y rajouter de bannière.

C'est un design "extensible" qui s'adapte à la résolution du visiteur, il peut être transformé pour devenir un modèle 1 colonne.

Enfin, ce design peut être décliné dans différentes couleurs (bleu, vert, jaune, noir )….suffit de le demander en commentaires : -))))) et Jules va alors « Bidouiller » les codes : -)))))

 

22/07/2010

Ajouter l'heure des commentaires.

Et voici un « Tuto » obtenu grâce à Item, concernant l’heure des commentaires.

La version de base n’inclut pas cette option, pourtant, c’est quand même intéressant de savoir à quel moment le commentaire est arrivé.

Pour remédier à cette lacune, rendez vous dans votre administration.

« Présentation » --- > « Configuration avancée » --- > « Modèle de la page lien permanent »

 

éditeur2.JPG

 

En ouvrant l’éditeur de cette page, voici la fenêtre :

 

éditeur lien permanent.jpg

 

Repérez dans le code, (plus ou moins à mi-feuille) le code suivant :

 

<p class="posted">

                                                        {t}Posted by:{/t} {link href="`$comment.authorlink`" text="`$comment.authorname`"} | {$comment.pubdate|date_format:"`$blog.date_format`"}

                                                    </p>

 

Repérez ce code :

 

`$blog.date_format`

 

Remplacez (minutieusement) ce code par le suivant :

 

%Y-%m-%d à %H.%M:%S

 

Cliquez sur "enregistrer les modifications" et voilà, vous avez les heures, minutes et secondes des commentaires.

 

Remarque :

Il est très important de remplacer TOUT ce qui se trouve renseigné, y compris les apostrophes (‘ ‘) par TOUT ce qui est donné ci- dessus….donc…soyez très précis et minutieux.

 

10:44 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (75) | |  Facebook

19/07/2010

Installer une bannière sur les design 2 couleurs.

Méthode à suivre pour installer une bannière dans les design 2 couleurs….ceux marqués OK sur l’image qui suit (Peut être pour d’autres design aussi, mais je n’ai pas encore testé).

Design1.JPG

Ces design ne sont pas fournis avec l’option installer la bannière ; il faut donc aller soit même modifier les codes de la feuille de style pour l’installer.

Auparavant, réglez les dimensions que vous souhaitez comme décrit sur ce poste.

Ensuite, rendez- vous dans votre administration :

« Présentation » --- > « Configuration avancée » --- > « Feuille de style »

Vous tombez sur cette fenêtre :

1.jpg

Si vous ne l’avez déjà fait…recopiez tout le code de la fenêtre de gauche dans celle de droite, et n’oubliez pas d’enregistrer, vous obtenez ceci :

feuille de style.jpg

Une fois cette opération terminée, repérez ce code :

 

#banner {

height: 90px;

background-color: #F8EAD7;

color: #A87229;

line-height:150%;

border-bottom:1px solid #d2bc9f;

}

#banner h1 {

padding: 15px 15px 0;

font-weight: bold;

text-transform: uppercase;

}

#banner h2 {

font-size:11px;

font-weight:bold;

padding:0 0 0 15px;

text-transform:uppercase;

}

 

Remplacez le par le suivant:

 

#banner {

height: 146px;

background: transparent url("URL DE VOTRE BANNIERE") no-repeat center top;

margin: 0px 0px 0px 0px;

line-height: 100%;

}

#banner h1 {

display: none;

}

#banner h2 {

display: none;

}

 

 

Remarques :

Height : 146px ;  

146 doit correspondre à la hauteur de votre bannière, si elle fait 150, 175 ou autre, remplacer 146 par cette hauteur.

Pour la largeur de bannière, ne dépassez jamais la largeur de #container (à voir dans la feuille de style)

 

margin: 0px 0px 0px 0px;

La valeur en rouge, détermine l’espace entre la bannière et le corps de blog…..si vous voulez un espace, mettez 10, 20,……mais dans le cadre des design 2 couleurs, je vous conseille de le laisser à 0

 

Display : none ;

Ce code sert à désactiver l’élément #, banner h1 représente le titre de blog, et banner h2 représente la description. Si vous installez une bannière, ces élément peuvent être incorporés sur l’image, ..plus besoin donc de les garder actifs.

 

Enfin, si le résultat vous convient, n’oubliez pas de réaliser une copie de sauvegarde de votre CSS

23:54 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (47) | |  Facebook

Augmenter colonne centrale: Design 2 couleurs

Elargir la partie centrale des design 2 couleur.

Cela concerne…ces designs, ceux marqués OK (Cliquez pour agrandir)

 

Design1.JPG

 

La première chose à faire, c’est d’aller dans la configuration avancée, et ouvrir la page « Feuille de style »

 

Feuille de style.JPG

 

Ensuite, la meilleure chose à faire plutôt que de coller des petits bouts de codes dans la colonne de droite, est de copier tout le script de la fenêtre de gauche et de le recoller dans celle de droite (Au dessus de ce qui y est déjà)……comme ceci…….pas oublier d’enregistrer.

 

feuille de style.jpg

 

Décochez ensuite la case "Chargez cette CSS"

Une fois cette opération terminée, voici le début du script de la feuille CSS :

Et voici en rouge, les modifications à apporter pour changer la largeur centrale du blog.(Les valeurs que je donne sont bonne pour une résolution 1024.

 

body {

margin: 0px 0px 20px 0px;

padding: 0px;

background-color: #F8EAD7;

font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;

color: #A87229;

font-size: 105%;

word-spacing: normal;

text-align: center;

}

#container {

1°) Changer ici la largeur de l’ensemble de la page...990 au lieu de 771 ou plus si vous le souhaitez.

width: 771px;        

margin-right: auto;

margin-left: auto;

text-align: left;

background: url("http://static.skynetblogs.be/backend/graphics/design/preview/belgacom_set13/A87229/FooterCorn.gif") no-repeat scroll 78.3% 100% transparent;

2°) Changer ici la valeur 578, en l'adaptant à la formule (Largeur container moins la largeur colonne de droite + 10.....ce qui donne pour exemple sur base d'une largeur de container de 990 (990- 160 (largeur colonne droite) + 10 = 840

background: url("http://static.skynetblogs.be/backend/graphics/design/preview/belgacom_set13/A87229/FooterCorn.gif") no-repeat scroll 578px 100% transparent9;

3°) Changer ici la valeur 577, en mettant la même valeur que ci-dessus 840

_background: url("http://static.skynetblogs.be/backend/graphics/design/preview/belgacom_set13/A87229/FooterCorn.gif") no-repeat scroll 577px 100% transparent;

}

.container-decorator1 {

background: transparent url("http://static.skynetblogs.be/backend/graphics/design/preview/belgacom_set13/A87229/containerBg.gif") repeat-y scroll top right;

border-bottom:1px solid #d2bc9f;

}

#left {

overflow: hidden;

4°) Changer ici la largeur de la colonne de droite...170 au lieu de 167 ou plus si vous le souhaitez .

width: 167px; 

color:#493822;

border:none;

float: left;

}

#right {

overflow: hidden;

3°) Ici, c’est la largeur de la colonne de droite..je vous conseille de ne pas y toucher...car si vous le faites, il y a d’autres modifications à faire.

width: 160px;

color: #FFFFFF;

background-color: #d2bc9f;

border:none;

float: right;

height: auto !important;

height: 100%;

min-height: 100%;

}

#center {


4°) Remplacez width: 416px;  par width: auto; de cette manière, la partie centrale s’adaptera automatiquement à l’espace qui reste, ou...si vous constatez des problèmes avec firefox....fixez la valeur de width à Largeur totale de container (ici 990) moins la somme des largeurs des deux colonnes (170+160 =330) moins 40 px pour les marges...donc 990 -330-40= 620  remplacez donc par  width: 660px;

width: 416px;

overflow: hidden;

float: right;

color:#493822;

background-color: #F8EAD7;

}

 

Voilà....une fois cette opération terminée, et si le résultat vous convient, noubliez pas de réaliser une copie de sauvegarde de votre code sur un “bloc notes”.

21:46 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (10) | |  Facebook

"Commentaires récents" : Changer le nombre et l'intitulé.

Comme pour les notes, il y a aussi moyen de modifier le module "Commentaires récents"

Rendez-vous dans  « Présentation » --- > « Configuration avancée », et ouvrez le template de colonne ou se trouve votre module « Commentaires récents »….ouvrez « Modèle de la colonne de gauche » s’il est à gauche…ou « Modèle de la colonne de droite » , s’il est à droite.

 

archive 2.JPG

 Cliquez sur « Modifier le template », et vous obtenez alors cette fenêtre qui comprend tout le code HTML de la colonne.

 

  archives1.jpg

Repérez-y ce code :

{comments assign="comment" lastn="10" posts="posts"}
    {if $comment.first}<div id="box-recentcomments" class="box-decorator1"><div class="box-decorator2">
    <div class="box-decorator3">
        <div class="decorator1"><div class="decorator2"><h2>{t}Recent comments{/t}</h2></div></div>

 

Une fois ce code repéré, remplacez le chiffre rouge, par celui que vous voulez (10,20,30) et changez le texte en rouge (L’intitulé), par celui de votre choix (Vos avis, vos mots, commentaires….)

Et ….n’oubliez pas d’ « Enregistrer »……et voilà….toutes vos archives sont là.

Vous pouvez voir le résultat dans le bas de la colonne gauche de « Rien »…j'ai choisi 30 derniers commentaires.

Mais…ATTENTION, n’enlevez aucun signe voisin…appliquez vous ! : -)))))

Ceux qui tremblent, ou qui paniquent….réalisez au préalable la copie intégrale de tous le code avant d’y toucher.

09:21 Écrit par Jules dans Nouvelle offre | Lien permanent | Commentaires (3) | |  Facebook