Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

vendredi, 29 juin 2012

Comment ajouter un Pager dans ses catégories ?

Au mois de mars dernier, nous vous proposions de découvrir les nouvelles fonctionnalités de votre plateforme Hautetfort. Nous vous annoncions alors l'installation d'un Pager, c'est à dire une pagination pour naviguer entre les pages, dans les différentes catégories de votre blog, en remplacement du lien "Toutes les notes".

3424352708.jpg

Cette fonctionnalité ne s'applique pas automatiquement si vous avez déjà effectué des modifications dans vos templates. Voici alors la marche à suivre pour installer ce fameux Pager qui est bien pratique :

  • Connectez vous à votre panneau d'administration à l'aide de vos identifiants
  • Rendez-vous dans l'onglet Présentation puis Configuration Avancée
  • Cliquez sur modifier le template de la page Catégories
  • En bas de page, vous remarquerez le code suivant :

{posts assign="post" category="`$category.folder`" postcount="postcount"}

{if $post.postcount>10}{t}All the posts{/t}{/if}

{/posts} 

  • Vous devez le remplacer par celui-ci :

<div class="pager">{blog_pager}</div>

Il ne vous reste plus qu'à valider pour bénéficier de votre Pager. Si vous avez des questions, je suis à vous dans les commentaires ;-)

mardi, 08 novembre 2011

Tutorial : Insérer un menu horizontal sur votre blog Hautetfort.

Vous êtes nombreux à nous demander comment insérer un menu horizontal sur votre blog. Cette opération nécessite de modifier les modèles de page HTML et est donc, aujourd'hui, réservée aux utilisateurs avancés. Pour autant elle n'est pas difficile et les plus débrouillards d'entre vous y arriveront sans problème.

Attention cependant, afin d'éviter de perdre des données, nous vous invitons à utiliser un blog de test, ou d'enregistrer préalablement l'ensemble de vos modèles de page. Nous ne pourrons pas rétablir une situation antérieure suite à une mauvaise manipulation.

Dans un premier temps vous devez vous identifier sur votre blog, et vous rendre au niveau de la section PRESENTATION rubrique Configuration avancée.

Il y a deux types de page à distinguer : 

  • Feuille de style : il s'agit de la mise en forme des éléments de votre blog. Tailles de polices, couleurs, tout est définit ici. On parle aussi de CSS.
  • Modèle de la page ... : il s'agit de la structure de votre page. On parle aussi de HTML. 


Pour commencer vous pouvez ajouter les lignes suivantes dans votre CSS au niveau de la colonne de droite. Pour la colonne de gauche, sauf si vous avez personnalisé toute votre CSS, laissez coché "Charger cette CSS".

#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center; }

#menu li {
float:left;
margin:auto;
padding:0;
background-color:black; } /* Fond du menu */

#menu li a {
display:block;
width:100px; /* Taille de la cellule */
color:white; /* Couleur de la police sur les liens */
text-decoration:none;
padding:5px; }

#menu li a:hover {
color:#FFD700; } /* Couleur de la police lors du déplacement du curseur sur le lien */

#menu ul li ul {
display:none; }

#menu ul li:hover ul {
display:block; }

#menu li:hover ul li {
float:none; }

#menu li ul {
position:absolute; }

Je vous ai mis des commentaires sur les zones clés vous permettant de modifier l'apparence générale du menu. Pour aller plus loin dans la modification CSS nous vous conseillons ce tutorial.

Google Chrome 2.png

Il faut ensuite placer le menu au sein de la structure HTML de votre blog.

Avant de l'appliquer sur chaque modèle de page, commençons par une page test. Cliquez sur "Modifier le template" en vis à vis du modèle de page désiré. 

<div id="menu">

<ul>

  <li><a href="#">Item 1</a></li> <!-- Remplacer le # par l'adresse de la cible et Item par le texte. -->

  <li><a href="#">Item 2</a>

    <ul>

      <li><a href="#">Sous-item 1</a></li> <!-- Exemple de sous menu -->

      <li><a href="#">Sous-item 2</a></li>

      <li><a href="#">Sous-item 3</a></li>

    </ul>

  </li>

  <li><a href="#">Item 3</a></li>

</ul>

</div>

La seule difficulté est de le placer où vous le souhaitez dans la structure de la page. Généralement soit au dessus de la bannière (au dessus de la ligne <div id="banner-img">) ou en dessous (au dessus de </div></div><div id="left"> qui correspond à la colonne de gauche).

Vous pouvez ensuite faire vos propres tests pour voir les effets sur votre blog, le résultat peut être sensiblement différent en fonction de votre habillage de départ. 

Google Chrome.png

Si vous constatez un problème d'affichage sur Internet Explorer 7 et 8, vous pouvez ajouter le code HTML suivant au sein des balises <head> </head>.

<!--[if !IE]> <-->

<style type="text/CSS">

#menu li ul {

position:absolute;

}

</style>

<!—><![endif]—>

 

<!--[if IE 8]>

<style type="text/CSS">

#menu li ul {

position:absolute;

}

</style>

<![endif]-->

Si votre modification sur les modèles de page n'est pas prise en compte, n'hésitez pas à valider vos modifications une seconde fois, et à raffraichir la page de votre blog. Au besoin il sera peut être nécessaire de vider le cache de votre navigateur. 

Si vous avez des questions n'hésitez pas à les laisser en commentaire et à échanger avec d'autres blogueurs plus expérimentés. 

vendredi, 04 novembre 2011

Qu'est ce que le SPAM ? Pourquoi et comment Hautetfort lutte pour vous contre ce fléau.

Il s'agit d'un envoi massif de messages, dans un but généralement publicitaire, quand il ne s'agit pas de techniques visant à améliorer le référencement de certains sites, ou escroquer quelques innocents. Par message cela peut être de l'email, mais aussi du SMS, des messages instantanés, des postes sur un forum, et dans le cas des blogs : les commentaires. 

Gmail.png

La problématique du SPAM ne date pas d'hier, car on considère que le premier aurait été envoyé le 3 Mai 1978, à 6000 personnes utilisant le réseau ARPAnet, ancètre d'Internet (source Wikipédia). Depuis il s'est industrialisé, utilisant abondamment des robots pour envoyer automatiquement des messages sur tous les outils de communication que nous utilisons. En plus d'être une gêne, et une source de perte de temps et d'argent, le spam a aussi un impact environnemental. 

Dans le cas des blogs, il s'agit principalement d'améliorer le référencement d'une adresse en l'insérant dans le plus de "faux commentaires" possibles. Ainsi en augmentant le nombre de liens pointant vers ce site, sa visibilité mais surtout son poids dans les moteurs de recherche augmente artificiellement. 

Certains de ces messages sont facilement reconnaissables. Pourtant les spammeurs deviennent de plus en plus "intelligents" et réussissent à imiter les vrais commentaires en reprenant des mots clés de vos notes et d'autres messages. Une piste intéressante est de regarder si le commentaire en question envoie dans le champs URL vers une adresse suspecte. 

Je vais vous donner un chiffre qui vous fera comprendre l'étendu du problème : 95%. Il s'agit de la proportion des commentaires reçus sur la plateforme Hautetfort qui sont... bloqués car étant indésirables. Autrement dit seuls 5% des messages sont réels. Comme les spammeurs nous travaillons sans relâche pour améliorer nos techniques, mais certains commentaires parviennent à passer nos protections et c'est ceux que vous pouvez recevoir. 

Ci dessous un graphique. En rouge le spam, et vert les commentaires qui passent notre contrôle (appelé "ham"). Il s'agit des 15 premiers jours d'Octobre, par heure.

spam,captcha,commentaires,ip,bannissement,modération

Si vous en recevez, nous avons une adresse email dédiée : spam(@)blogspirit.com sans les parenthèses, qui vous permet de nous les transférer. De cette façon nous pouvons en identifier de nouveaux et les supprimer a posteriori. Cela peut parfois expliquer des commentaires qui vous semblent avoir disparus, il s'agit en fait de faux commentaires détectés après coup. 

Vous avez aussi sans doute remarqué la présence d'un autre outil qui s'appelle captcha. L'idée en cas de commentaire suspect est de vérifier si nous avons en face un robot ou un humain capable de réécrire une suite de caractères. Il permet de bloquer une grande partie des 95% de messages rejetés dont je parlais. C'est vrai, en termes d'expérience utilisateur on a connu mieux et nous sommes les premiers à espérer nous en passer un jour. Mais imaginez la quantité de messages indésirables que vous recevriez sans... 

Captcha.png

Enfin, le dernier outil à votre disposition est le bannissement de certaines IP. Depuis l'outil d'administration de votre blog vous avez en effet la possibilité de supprimer un commentaire et de bannir l'IP de la personne qui l'a posté. Cela peut être utile dans certains cas mais il ne faut surtout pas en abuser. L'IP c'est l'adresse de votre ordinateur sur le réseau Internet. Nombreux sont ceux qui en changent régulièrement, donc une personne que vous bloquez aujourd'hui peut conduire au blocage d'une autre demain. 

Nous tenions à vous apporter cet éclairage car nous avons régulièrement des questions au support à ce sujet. N'hésitez pas à nous poser vos questions au sein des commentaires. 

Plus d'infos : Wikipédia.

jeudi, 21 octobre 2010

Ajouter une bannière sur son blog.

La semaine dernière, je vous expliquais comment redimensionner les colonnes de votre blog.

Cette semaine, nous allons nous atteler à quelque chose de bien plus facile: changer ou ajouter une bannière à son blog. 

C'est un des premier éléments que vous souhaitez tous personnaliser lorsque vous créez votre blog, arrêtons nous donc sur cette personnalisation

Lire la suite

mercredi, 13 octobre 2010

Comment élargir les colonnes de son blog Hautetfort ?

Chez moi, j'adore changer les meubles de place, ré-agencer, redécorer, bref, donner vie à mon petit nid douillet. 

Cependant, j'aimerais parfois pouvoir pousser les murs, pour ajouter de nouveaux meubles, ou agencer différemment. Sur mon blog, c'est exactement pareil, et je suis certain que vous êtes comme moi. 

L'avantage est que sur un blog, on peut pousser les murs. 

Et si le vrai luxe, c'était l'espace ??

 

Capture d’écran 2010-10-13 à 17.30.54.pngAujourd'hui, je vais vous proposer de personnaliser la taille des colonnes de votre blog, ainsi que la taille centrale. 

Lorsque l'on connaît la méthode, cela parait simple, mais je vais vous donner le plus de détails possible pour que la gestion des 'width' n'ait plus de secrets pour vous !

 

Dans cette note, je serais un peu votre Valérie Damidot, on a une demi heure pour tout changer ! 

Et pour cela, pas besoin de truelles, de parpaings, de ciment... Vos outils ce sont vos mains, soyez votre propre architecte en cliquant sur 'Lire la suite' ! 

Lire la suite

mercredi, 01 septembre 2010

A l'adresse de mon blog, je me retrouve face à une page blanche

L'objectif de cette rubrique est de faire partager au plus grand nombre nos réponses aux questions les plus fréquentes qui nous parviennent, soit par le support par ticket, soit par l'adresse contact.

 

Cliquez ici pour retrouver l'ensemble des questions traitées au sein de cette rubrique.

Et je vous rappelle que vous pouvez consulter notre base de connaissances ici :
http://www.hautetfort.com/kb/.

 

La question :

 

Lorsque je tape l'adresse de mon blog dans mon navigateur, je me retrouve face à une page blanche.

 

Notre réponse :


Cette situation peut se présenter dans plusieurs cas de figures, mais dans la majorité des cas, le problème peut-être résolu en regénérant les fichiers du blog. Comment faire ? C'est très simple : je me logue à mon interface d'adminsitration, je vais dans t'ableau de bord' / 'généralités' et je valide sur le premier bouton sans rien faire.

 

Cela ne résout pas votre souci ? Alors, vous pouvez nous contacter, soit par le support par ticket, soit par l'adresse contact.

 

jeudi, 10 juin 2010

J'ai supprimé mon blog Hautetfort, mais il apparait toujours sur les moteurs de recherche

Encore une nouvelle catégorie qui sera régulièrement mise à jour. Et oui, ce blog s'organise ;).

 

L'objectif étant de faire partager au plus grand nombre nos réponses aux questions les plus fréquentes qui nous parviennent, soit par le support par ticket, soit par l'adresse contact.

 

Cliquez ici pour retrouver l'ensemble des questions traitées au sein de cette rubrique.

Et je vous rappelle que vous pouvez consulter notre base de connaissances ici : consultez notre base de connaissances à l'adresse :
http://www.hautetfort.com/kb/.

 

La question :

 

Après suppression d'un blog (ancien, non régulièrement mis à jour) de votre plateforme, je m'étonne qu'une recherche Google le fasse toujours apparaître.

Pourriez-vous vous assurer que je ne remonte plus au sein des moteurs de recherche comme Google ?

 

Notre réponse :

 

(Par Julien, mon acolyte technique)


Bien que la nouvelle infrastructure (Caffeine) récemment présentée par Google offre une réactivité au référencement quasi immédiate, le dé-référencement de votre site peut en effet prendre du temps, et votre blog encore apparaître sur les résultats Google au-delà de sa suppression.

Ceci n'est pas de notre ressort, il appartient à Google de mettre à jour son référencement immédiatement, mais le grand nombre de site qui naît, meurt chaque jour est très élevé, un délai persiste. Lorsque les robots de Google passeront sur votre site pour s'assurer de son accessibilité, et n'y trouveront plus qu'une 404 (page non existante), ils supprimeront le référencement de votre blog.