Mot-clé - Dotclear

Fil des billets - Fil des commentaires

jeudi 22 décembre 2016 à

Passer Dotclear en https chez OVH

dotclear-logo.jpg Passage de mon Dotclear en https ( c'est les vacances donc pas grand chose a faire ). Plus ça va, plus les sites passent en https alors de là je me suis lancé aussi dans la manip sur un hébergement mutualisé chez OVH que je vais vous expliquer. Mais avant tout si vous voulez savoir c'est quoi et pourquoi etc je vous invite a faire un tour sur Wikipedia pour les explications !

Lire la suite...

dimanche 29 décembre 2013 à

Ajouter des boutons de partage social sans tracking à Dotclear

partagesociaux.png Pendant les vacances d'hiver ou il fait pas trop chaud on aime bien bricoler et j'ai donc voulu mettre le blog au goût du jour avec les boutons de partage social.
Après quelques recherches sur le net je suis tombé sur le code HTML de Ohax qui propose d'afficher les boutons de partage sans tracking pour Wordpress et le billet de korben. Alors du coup j'ai adapté le code pour Dotclear comme vous pouvez le voir sur la capture et a la fin du billet bien sûr avec des icônes que j'ai fait pour le thème de mon blog.
Copier le code là ou vous voulez retrouver vos boutons de partage et oubliez pas de mettre vos icônes dans le dossier images de votre thème ( ou modifiez le chemin ) et normalement cela devrait être bon.

<div>
   <p><i>Partagez cet article avec vos amis en cliquant sur les boutons ci-dessous :</i></p>
<a title="Twitter" href="https://twitter.com/share?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">
<img src="{{tpl:BlogThemeURL}}/images/twitter_icon.png" alt="Twitter" /></a>
       
<a title="Facebook" href="https://www.facebook.com/sharer.php?u={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">
<img src="{{tpl:BlogThemeURL}}/images/facebook_icon.png" alt="Facebook" /></a>
       
<a title="Google +" href="https://plus.google.com/share?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">
<img src="{{tpl:BlogThemeURL}}/images/gplus_icon.png" alt="Google Plus" /></a>
        
<a title="Linkedin" href="https://www.linkedin.com/shareArticle?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">
<img src="{{tpl:BlogThemeURL}}/images/linkedin_icon.png" alt="Linkedin" /></a>
       
<a title="Envoyer par mail" href="mailto:?subject={{tpl:EntryURL}}" rel="nofollow">
<img src="{{tpl:BlogThemeURL}}/images/email_icon.png" alt="email" /></a>
</div>

Vous pouvez adapter le code avec votre feuille de style et trouvez des icônes avec notre ami Google sinon demandez toujous si j'ai le temps je peux toujours en faire au style de votre thème.
Bon partage !

jeudi 22 décembre 2011 à

Afficher les boutons Facebook, Twitter et Google plus Valide aux normes XHTML WC3

Après quelques recherches je suis arrivé à faire passer les boutons des réseaux sociaux aux normes WC3 sur Dotclear mais cela marche partout ( normalement ). Le but est d'utiliser du Java script pour maquiller les erreurs et cela marche ;) ( Oui j'aime lorsque je passe passe la validation même si y'a de la triche :p ).
Pour voir le rendu normalement, il vous suffit de regarder en bas de chacun des billets posté. Mais reste toujours un petit problème ( Normal y'en a toujours ) je trouve pas de solution pour aligner les boutons à l'horizontal pour avoir un meilleur rendu donc si l'un d'entre vous trouve une solution je suis preneur et si vous pouviez la poster dans le forum à ce lien http://board.kipof.net/viewtopic.php?pid=117#p117 cela serait sympa :up:
Voici ce que j'ai pour avoir les boutons Valide:

<script type="text/javascript">
//<![CDATA[
(function() {
document.write('<fb:like width="450" layout="button_count"></fb:like>');
var s = document.createElement('SCRIPT'), 
s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://connect.facebook.net/fr_FR/all.js#xfbml=1';
s1.parentNode.insertBefore(s, s1);
})();
//]]>
</script>
<a href="http://twitter.com/share" class="twitter-share-button">Tweet</a> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
<div id="plusone-div" class="plusone"></div> <script type="text/javascript">
gapi.plusone.render('plusone-div',{"size": "small", "count": "true"}); </script>

Et dans le head pour le bouton de Google ajouez :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang:'fr', parsetags:'explicit'} </script>

dimanche 20 novembre 2011 à

Afficher un compteur sur Dotclear 2

Afficher un compteur de visites sur Dotclear 2, un problème ou j'ai eu du mal à trouver réponse :( enfaite cela n'est pas si compliqué..
Pour commencer, direction l'administration de Dotclear puis about:config pour activer le php dans les templates à la ligne tpl_allow_php.
Ensuite je vous propose le compteur qui se trouve sur ce blog ( en haut à droite ). Le compteur affiche un compteur de visites normale avec aussi les visite "aujourd'hui" et ce qui sont actuellement en ligne ( que j'ai pas mis ).

Lire la suite...

dimanche 9 octobre 2011 à

Bouton +1 Google Valide XHTML pour Dotclear

Hier pas grand chose à faire, je me suis mis dans la tête d'installer le fameux bouton +1 de Google mais le problème est que le code donné est surper pas valide xhtml.
Donc depuis hier j'ai eu le temps de trouver la solution pour enfin rendre le bouton valide avec la façon suivante:
Avec l'éditeur de thème de Dotclear ouvrir le fichier user_head.html et ajouter le code suivant à la fin:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
   {lang: 'fr'}
   </script>


Ensuite nous ouvrons le fichier post.html pour placer notre bouton ( je vous laisse trouver l'endroit car je sais pas trop ou je vais le laisser :p ) placez le code suivant :

<div class="g-plusone" id="plusonevalide"></div>


Et normalement cela reste valide :) Un petit clique sur mon bouton pour test ? :D

Voir sur le forum pour le bouton J'aime de Facebook et Tweet http://board.kipof.net/viewtopic.php?id=34

- page 1 de 4