Blogger au bout du doigt

Des modèles originaux pour Blogger sur Btemplate et Eblogtemplates

By Rodney // 4 commentaires:

Avez-vous envie de donner un air nouveau à votre blog ? Rien de plus simple que changer de modèle pour cela. Mais, où trouver un modèle original et si pas des adaptations des modèles Wordpress pour Blogger ?

Le site Btemplate et Eblogtemplates sont là pour vous. Ils vous proposent des modèles de toutes sortes (1, 2, 3 voire 4 colonnes) sur des thèmes différents, et même des adaptations des modèles Wordpress pour Blogger.

Vous savez sûrement que le nouveau modèle que j'utilise est une adaptation d'un modèle Wordpress que j'avais trouvé sur Eblogtemplates. J'ai trouvé d'autres thèmes sur Btemplate que j'aimerais utiliser dans les jours à venir pour mes autres blogs.

Alors, si ça vous tente de donner de la fraîcheur à votre blog, n'hésitez pas d'aller jeter un coup d'oeil sur les sites précités, vous risquez d'être surpris par la beauté et la qualité des offres.

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Afficher un profil sous un autre style

By Rodney // 5 commentaires:

Quelqu’un m’avait fait remarquer que bien que j’aie écrit sur la majorité des éléments composant un blog Blogger, je n’ai jusque là pas encore dédié un article au Profil, ce widget qui vous permet de vous faire connaître aux lecteurs.

Je crois fermement que le widget Profil proposé par Blogger ne fait pas le bonheur de tout un chacun ici et qu’une version améliorée de celui-ci serait le bienvenu, c’est pourquoi moi même je ne l’utilise pas. Mais, cela n’empêche pas que vous soyez informé sur le soi-disant Super Héros qui se cache derrière ce blog.

La solution que j’ai utilisée fut de composer mon profil dans un widget HTML/JAVASCRIPT, afin d’avoir un plein contrôle sur ce que je voulais faire. J’ai aussi du écrire un article qui présente ma personne, article vers lequel je renvoi à la fin du petit profil affiché sur toutes les pages du blog.

L’avantage de cette méthode est qu’on peut avoir différents profils pour les blogs que l’on détient (si on en a plus d’un).

Voici pour vous le code que j’ai utilisé pour composer le profil de ce blog (code que vous pouvez améliorer à votre goût).

<img style="margin: 0pt 10px 10px 0pt;" alt="Votre nom ou pseudo @ Le nom de votre blog" src=" URL DE L'IMAGE "
class="footer_icon" align="left"/><span style="font-weight: bold;">VOTRE NOM OU PSEUDO</span>, Une description de votre personne ici <p align="right"><a href="URL DE VOTRE PAGE PROFIL OU D'UN ARTICLE QUI PARLE DE VOUS">[En savoir plus]</a></p>

Traduction de votre blog en plusieurs langues grâce à Google

By Rodney // 13 commentaires:

Pour certains, le widget pour traduire son blog en 7 langue proposé précédemment sur ce blog ne marche pas à merveille.

En faisant un tour sur la blogosphère, j'avais remarqué chez Lilou et chez Attention à la terre un widget de traduction Google qui permet de traduire son blog en plusieurs langue et ça marche bien à ce j'ai remarqué.

Voici pour vous le code pour ce widget (à mettre dans un widget HTML/JAVASCRIPT).

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=fr&w=160&h=60&title=&border=&output=js"></script>

Liens et boutons de promotion sur Digglike pour Blogger

By Rodney // 7 commentaires:

Après plusieurs recherches infructueuses, je viens de découvrir comment afficher des boutons pour les Digglike qui récurepent automatiquement le titre de chaque article. Le crédit de cette astuce revient à Aneeth qui avait été inspiré par Beautiful beta pour le code javascript.

Je vous donne le code que j'ai utilisé pour afficher 4 boutons sur Scoopeo, Tapemoi, Wikio et Diggons. Vous pouvez ajouter (pour adapter) comme retrancher certains ligne de code en copiant ou effaçant les balises commençant par <a rel="nofollow" expr:href='" et finissant par </a>

N'oubliez pas de remplacer Url de l'icone xx par l'url de l'icone de l'un de ces digglike que vous aurez hébergé quelque part (Photobucket ou Google page).

Voici comment intégrer ces boutons :

1. Aller dans votre Modèle html (mise en page puis modifier le code html) et cochez sur "développer des modèles de gadget"

2. Mettez le script suivant après la balise <head>

<script src='http://files.bloggerplugins.org/simpletricks.js'></script>

3. Ajouter les codes ci-après juste en dessous de la balise <p class='post-footer-line post-footer-line-3'>

Vous pouvez voter pour cet article sur : <a rel="nofollow" expr:href='"http://www.scoopeo.com/scoop/new?newurl=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='Votez sur Scoopeo' src='Url de l'icone scoopeo'/>Scoopeo</a> <a rel="nofollow" expr:href='"http://tapemoi.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' target='_blank'><img alt='Votez sur Tapemoi' src='Url de l'icone tapemoi '/>Tapemoi</a> <a rel="nofollow" expr:href='"http://www.wikio.fr/vote?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='Votez sur Wikio' src='Url de l'icône Wikio '/>Wikio</a> <a rel="nofollow" expr:href='"http://diggons.com/publier.aspx?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Votez sur Diggons' src=' Url de l'icone diggons'/>Diggons</a>

4. Enregistrez le modèle et allez admirer le résultat.

A+

Une autre couleur pour la police des commentaires de l'auteur

By Rodney // 8 commentaires:

Comment faire pour que les commentaires de l'auteur du blog, quand il répond à ses lecteurs, aient le fond d'une couleur differentes ?

Voilà le voeux formulé par Marine dans notre Liste des voeux. L'astuce est simple (enseignée par Ramani) et j'aurais du la publier il y a plusieurs mois de cela (un peu distrait on dirait).

Voici comment différencier le fond de couleur des commentaires de l'auteur de ceux des lecteurs :

1. Aller dans "Mise en page", puis sur "modifier le code html" et là cocher sur développer des modèles de gadget".

2. Trouver la portion de code css pour vos commentaires (ça doit ressembler à la partie en noir sur le code ci-dessous) et ajoutez la partie en rouge juste après. Pour faire simple, vous pouvez juste ajouter la portion en rouge, juste avant </b:skin> dans votre modèle html

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}

Vous pouvez changer le code hexadécimal de la couleur de fond pour l'auteur en sélectionnant un code ici (mettez-le à place de celui après color: .Surtout, n'effacez pas le ;)

2. Rechercher le partie de code en noir et insérez la partie en rouge à l'endroit indiqué (pour trouver, faites CTRL+F et collez         <p><data:comment.body/></p> )

        <b:if cond='data:comment.author == data:post.author'>
          <dd class='comment-body-author'>
            <p><data:comment.body/></p>
          </dd>
        <b:else/>

          <dd class='comment-body'>
           <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'><data:comment.body/></span>
           <b:else/>
            <p><data:comment.body/></p>
           </b:if>
          </dd>

        </b:if>

3. Enregistrez votre modèle et allez admirer le résultat sur une page ayant des commentaires (surtout les votres)

A+

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Un autre style pour les commentaires sur Blogger

By Rodney // 12 commentaires:

A la demande de Rodney je viens écrire quelques mots sur Blogger au bout du doigt, ce qui lorsque j'y réfléchis me parait être un bon retour des choses.

Après tout, lorsque j'ai lancé mon propre blog il y a quelques mois de cela ce site m'a été bien utile au cours de mon apprentissage des rudiments de Blogger.

Lorsque j'ai démarré mon blog justement je ne voulais surtout pas qu'il soit "une ile". Au contraire, je souhaitais avoir les impressions de mes visiteurs sur ce que je publiais.

Or le système de commentaires de Blogger me semblait à la fois peu pratique et de nature à rebuter un nombre important d'utilisateurs. (bouh ! les méchantes popup !)

Les habitués de blogger au bout du doigt savent que le problème est en train de se résoudre. (Rodney nous en avait d'ailleurs parlé il y a quelques jours).

Si le fait de "délocaliser" vos commentaires ne vous effraie pas l'autre solution consiste à utiliser un système de commentaires extérieur à Blogger.

Plusieurs services de ce type existent, tels intense debate ou coComment

Le plus réussi à mon sens reste cependant Disqus que j'utilise au quotidien sur mon propre blog.

1- Pourquoi installer Disqus sur votre blog ?

Après tout la question se pose. Tout simplement parce que Disqus fourmille d'avantages.

il intègre ainsi d'emblée :

un système de commentaires écrits intuitif et intégré dans vos pages

une système de commentaires vidéo via seesmic

une compatibilité avec les Gravatars (avatard universels)

une gestion facilitée des "modérateurs"

la possibilité pour l'auteur d'un commentaire de le corriger via la commande "edit"

la possibilité de répondre à un commentaire en particulier directement en dessous de celui-ci quelque soit sa position au moyen de la commande "reply"

la possibilité de répondre à vos commentaires directement par Email

un gestionnaire de flux RSS pour vos commentaires

Un système de tableau de bord (dashboard) qui vous permet d'avoir une vue d'ensemble de tous les commentaires de votre site (voire même de vos sites !) et de les modérer simplement.

2- Comment faire pour l'installer ?

Voila le plus beau. Même si je ne doute pas qu'avec les conseils appris ici les templates n'ont plus guère de secret pour vous,c'est quand même bien agréable une modification qui se fait toute seule.

Pour intégrer ce système de commentaires sur votre site il vous faut donc :

créer un profil (ça vous l'aviez deviné seuls)

dans l'onglet "Dashboard cliquer sur "configure"

(cliquez sur l'image pour l'agrandir)

Faites ensuite une (indispensable) copie de votre template

Choisissez si vous souhaitez intégrer Disqus pour tous vos billets (attention : cette solution supprimera tous vos commentaires actuels) ou seulement pour le futur. (Conseils de Rodney : Choisissez la deuxième option).

Telechargez ensuite ladite copie dans Disques qui se chargera lui-meme des modifrications

Il ne vous reste plus qu'à installer le fichier modifié dans Blogger.

3- Des widgets associés

Si à ce stade vous n'êtes pas encore convaincus... Sachez qu'outre son système de commentaires Disqus intègre une gamme de Widgets qui vous permet d'afficher au choix :

les commentaires les plus récents de votre blog

les billets les plus commentés

les auteurs de commentaires les plus actifs

les trois à la fois (!!)

4- Créez une communauté autour de votre blog

Mais la principale raison pour laquelle vous aurez envie d'installer Disqus c'est grace à son aspect communautaire. Disqus vous permet ainsi :

d'avoir une page communautaire consacrée au commentaires de votre site

de suivre vos amis qui utilisent aussi le service (via des flux RSS dédiés à leur profil)

d'offrir à vos lecteurs la possibilité de créer leur propre profil même s'ils n'utilisent pas Disqus sur leur blog.

Disqus booste ainsi le nombre de vos commentaires, en offrant à vos lecteurs plus qu'un simple lien.

En effet vos lecteurs qui possèdent un profil chez Disqus se voient offrir une très belle promotion du flux RSS de leur site, et des services qu'ils utilisent (Twitter, Mybloglog, Facebook, etc...)

Avouez que c'est sympa quand même ?

5- quelques reproches cependant

Vous l'aurez compris Disqus vous propose ni plus ni moins d'assurer la gestion de vos commentaires en lieu et place de Blogger;

Il faut donc bien que vous ayez conscience qu'à partir du moment où ce service sera installé chez vous il ne vous sera plus possible de gérer vos commentaires depuis le tableau de bord de Blogger.

Par ailleurs dans l'hypothèse d'une défaillance technique de Disqus vous n'aurez provisoirement plus accès à vos commentaires qui ne s'afficheront plus sur votre blog.

Le risque est cependant minime. La chose ne m'est en fait arrivée qu'une fois en quatre mois d'utilisation et le service a été rétabli en moins d'un quart d'heure.

Si vous n'êtes pas déjà en train de l'installer, je vous conseille fortement de le faire.

Sinon, vous pouvez

Et pendant que j'y suis : voici mon profil Disqus. ll ne vous reste plus qu'à créer le votre.

Un article de Joël, blogmaster que vous pouvez lire fréquemment sur Feufol.

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Personnaliser sa page Twitter

By Rodney // 7 commentaires:

Qui veut avoir sa propre image de fond sur sa page Twitter ?

J'avais remarqué que les bloggeurs pro made in Usa ont sur leur page Twitter leur propre background.

Je m'étais toujours demandé comment ils parvenaient à faire cela. Je commençais même à soupçonner que qu'ils avaient des entrées chez Twitter. Mais, comme je sais aujourd'hui comme y parvenir, je puis vous assurer qu'il n'y a pas besoin de fouiller dans la poche du diable pour trouver ça.

Jetez un coup d'oeil sur ma page Twitter pour voir ce que j'en ai fais.

Pour avoir votre propre image de fond sur Twitter, il vous faut :

1. Préparer ladite image

Elle doit avoir moins de 800 pixels de largeur (c'est mieux 800) et au plus 2048 pixels de hauteur.

2. Vous connecter sur votre compte Twitter

3. Aller sur "Settings" (voir la barre de navigation au-dessus)

4. Sur la nouvelle page, cliquer sur le dernier Onglet 'Design'

5. Cocher le deuxième petit cercle (Use my custom style below)

6. Assurez vous que "Background Image" est coché

7. Cliquez sur "Parcourir" afin de prendre l'image de fond que vous allez mettre à partir de votre ordi

8. Cliquez sur "Save" (au bas de la page).

9. Allez sur votre page Twitter et admirez le résultat.

A+

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Ajouter un lien à un widget flux libellé

By Rodney // Aucun commentaire:

Ne serait-il pas intéressant d’inviter les lecteurs à lire les autres articles d’une catégorie à la fin d’un widget flux d’un libellé donné ?

Dans un article précédent, nous avions vu comment ajouter un widget flux ne reprenant que les articles d’un libellé donnée.

Le lien pour récupérer le flux d’un libellé est comme nous l’avions vu celui-ci :

http://www2.blogger.com/feeds/ID-DEVOTREBLOG/posts/full/-/libellé

Seulement, comme il serait sage d’inviter le lecteur qui vois les derniers articles (souvent 5) publiés sous une catégorie d’aller en lire d’autres, voici pour vous le code à mettre après la balise </ul> dans votre widget flux :

<b:widget id='Feed21' locked='false' title='NOM DE LA CATEGORIE' type='Feed'>

<b:includable id='main'>

   <div class='widget-content'>

       <b:if cond='data:title'><h2><data:title/></h2></b:if>

           <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

               <b:loop values='data:feedData.items' var='i'>

                   <li><a expr:href='data:i.alternate.href'><data:i.title/></a></li>

               </b:loop>

           </ul>

<li style='float:left; font-weight:bold;'><a href='URL DU LIBELLE'>Lire les autres articles de cette catégorie</a></li>

   </div>

   </b:includable>

</b:widget>

Vous pouvez voir un exemple de l’application de cette astuce sur nos widgets Astuces Blogger, Widgets Blogger, Conseils et Modèles à la page d’accueil.

A+

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Illustrer un widget avec une image

By Rodney // 2 commentaires:

Une image jointe à un widget, n’importe lequel, le rend plus attrayant, plus visible pour les lecteurs.

Vous aurez remarqué que sur la nouvelle page d’accueil de ce blog se trouvent différentes sortes de widgets que j’ai illustré avec des images. Ainsi en est-il du widget Flux ci-haut auquel j'ai ajouté une image décalée vers la gauche. C’est un exercice très facile à exécuter.

1. Avoir le code avec l’url de votre image

La première chose à faire, c’est d’héberger votre image sur un site (Photobucket ou Google Pagecreator) puis récupérer le lien vers l’image que vous collerez dans la balise de code suivante (à l’endroit indiqué).

<img src=" URL DE L’IMAGE " border="0px" />

Il faut noter que la largeur de votre image ne doit pas dépasser celle de la colonne dans laquelle se trouvera le widget. Si par exemple, votre colonne latérale ne dépasse pas 200 pixels de largeur, ne mettez une image de plus de 200 pixels. C’est toujours mieux de mettre une image ayant un pixels inférieur. Je vous conseillerais d’utiliser des images de 80x81 pixels.

Si vous avez une image que vous n’arrivez pas à redimensionner, ajoutez les valeurs width et height au code ci-haut

<img src=" URL DE L’IMAGE " border="0px" widht= "80" height="81" />

Vous pouvez orienter l’image, pour qu’elle soit au centre, à gauche ou à droite.

Pour centrer l’image, utiliser ce code :

<center><img src=" URL DE L’IMAGE " border="0px" /><center>

Exemple : Voir notre widget Récente publications à la page d'accueil (Un widget blog, où s'affichent les messages, proposé par Blogger) et Pour les débutants (un widget Linkliste (liste des liens) fournis par Blogger).

Aligner vers la gauche :

<img style= "float :left ; " src=" URL DE L’IMAGE " border="0px" widht= "80" height="81" />

Exemple : Voir notre Widget Astuces Blogger à la page d'accueil (un widget Flux offert par Blogger).

Aligner vers la droite

<img style= "float :right ; " src=" URL DE L’IMAGE " border="0px" widht= "80" height="81" />

2. Insérer l'image dans le widget

A. Aller sur la Mise en page de votre blog, puis sur modifier le code html. Là cocher sur "Développer des Modèles de gadget"

B. Trouvez le widget dans lequel vous voulez insérer l'image et mettez le code de celle-ci (voir étape 1) juste après la balise <div class='widget-content'> (Voir exemple ci-après )

<b:widget id='Feedjit' locked='false' title='Live Traffic' type='HTML'>

   <b:includable id='main'>

       <b:if cond='data:title'>

           <h2><data:title/></h2>

       </b:if>

       <div class='widget-content'>

<center><img src=" URL DE L’IMAGE " border="0px" /><center>

           CONTENU DU WIDGET

       </div>

   </b:includable>

</b:widget>

Si la balise <b:if cond='data:title'><h2><data:title/></h2></b:if> se trouve après celle <div class='widget-content'>, mettre le code de l'image après cette première.

<b:widget id='LinkList3' locked='false' title='Nom du widget ' type='LinkList'>

<b:includable id='main'>

<div class='widget-content'>

<center><img src=" URL DE L’IMAGE " border="0px" /><center>

    <b:if cond='data:title'><h2><data:title/></h2></b:if>

   <ul>

     <b:loop values='data:links' var='link'>

       CONTENU DU WIDGET

     </b:loop>

   </ul>

    </div>

</b:includable>

</b:widget>

Enregistrez votre modèle puis allez apprécier le résultat.

Si vous avez bien suivi les instructions, tout se passera bien.

A+

Vous pouvez voter pour cet article sur : Votez sur Scoopeo

Diggons

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Nouveau template pour le blog

By Rodney // 8 commentaires:

Voilà, je viens de terminer à 80 % l’installation du nouveau modèle de Blogger au bout du doigt. Je crois que celui-ci fait plus beau et sera apprécié par la majorité de mes lecteurs et prochains visiteurs (je l’espère).

Ads template sur Blogger au bout du doigt

Ads template sur Blogger au bout du doigt

Je me suis servi du modèle Ads Template, proposé par le site Eblog, que j’ai modifié surtout à la page d’accueil qui comporte 4 colonnes au lieu de 3 comme il en est pour les pages d’articles. Le but poursuivis est celui de faciliter l’exploration du blog par les nouveaux visiteurs qui débarquent à l’accueil.

Le modèle Ads Template, réalisé à l’origine pour la plateforme wordpress, à été spécialement conçu pour ceux qui veulent monétiser leur blog car il comporte 3 espaces publicitaires : à l’entête, il est possible d’intégrer une bannière publicitaire 480x60 qui s’affichera à droite, laissant la partie gauche (400 pixels) pour l’affichage du titre et de la description du blog ; au dessus du bloc de messages, il est aussi possible d’intégrer une bannière 480x60 pixels et dans la colonne latérale (les blocs au-dessus des deux autres colonnes latérales), il y a possibilité de mettre de 3 boutons 125x125 pixels.

Ce modèle ne nécessite qu’une seule image et réduit donc considérablement le temps de chargement de la page.

Je dois la réalisation de certaines modifications et améliorations apportées au blog à Yony de On en blogue, car son blog m’a beaucoup inspiré et j’ai complètement dévoré ses articles traitant de la personnalisation de Blogger. Il est vrai que ses articles sont très techniques et qu’il n’est pas donné au premier venu de comprendre les astuces qu’il enseigne (à mon avis).

J’ai notamment appris de Yony :

1. Comment afficher différentes sortes de pages (pour l’accueil, pour les articles et les résultats de recherche).

2. Comment afficher seulement les Titres pour le bloc de messages du blog dont j’ai fait le widget « Récentes Publications » à l’accueil. Je n’ai toutefois pas appris de lui comment intégrer une image pour que ça fasse beau et comme le titre ne s’affiche par pour widget Blog, j’ai été obligé de contourner cette limitation en mettant une balise comportant le titre.

3. Comment manipuler le widget flux de Blogger afin qu’il affiche un résumé avec image si l’article en comporte. J’en ai fait le widget « A la Une ! » qui se trouve à l’accueil du blog et qui affiche le résumé du dernier article publié.

J’espère que bientôt j’arriverai à afficher un slide show des articles récents dans le widget « A la Une ! » comme Yony le fait. Ça serait vraiment cool. Il faudra peut être que je le contacte pour qu’il m’enseigne à le faire, puis que je ne crois pas qu’il ait publié un article sur le sujet.

Je vous expliquerais, comme à la maternelle, comment je suis parvenu à réaliser ces 3 astuces puisque je crois que beaucoup n’y parviendrons pas s’ils devaient s’arrêter à la lecture des explications de Yony (trop techniques mais complètes).

Je dois encore faire quelques ajustements, notamment voir si Link pourra me fournir une bannière qui s'harmonise avec ce modèle.

D'ici là, restez sages.

Vous pouvez voter pour cet article sur : Votez sur Scoopeo

Diggons
Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Twitteriser le flux de votre blog

By Rodney // 5 commentaires:

Article vous proposé par Feufol

Je sais, je sais, le mot twitteriser n'existe pas encore dans le dictionnaire (à ce que je sache), mais je ne voyais pas quel mot utiliser pour décrire le système par lequel poster automatique sur son compte Twitter un message, d'autant plus que ce message informe ceux qui vous suivent de la publication d'un nouvel article sur votre blog.

Je vous avais dis comment John Chow informait chacun de ses followers sur twitter de la publication d'un nouvel article sur son blog, parvenant grâce à ce moyen (combiné à d'autres) à recevoir des milliers des visiteurs journalier (6000) sur son blog malgré le fait qu'il soit désindexé de Google (où il n'apparaît pas avant les 5 premières pages).

Hé bien, Twitterfeed vous offre la possibilité de mettre automatiquement vos followers Twitter à jour sur la publication d'un nouvel article sur votre blog. Il suffit pour cela :

1. D'aller sur la page de connection de Twitterfeed

2. Se connecter sur Twitterfeed en utilisant votre identifiant Openid

Ne courrez pas en chercher, vous en avez déjà un.

Mettez le curseur sur la case où mettre votre identifiant Openid, et vous verrez apparaître un nombre des services partenaires de Openid.

Cliquer sur le logo Blogger.

Vous verrez apparaître une url blogger où il vous faudra remplacer "Nom d'utilisateur", par l'identifiant de votre blog (blogger-au-bout-du-doigt pour ce blog par exemple).

Vous serez amener à vous connecter sur Blogger pour confirmer votre identité.

Sur la page de confirmation, cliquer sur "Oui, toujours" pour la proposition "dire à http://twitterfeed.com/auth que vous possedez l'url de votre blog. Vous serez alors reconduit sur Twitterfeed.

3. Cliquer sur le lien en bleu "go to my twitter feed"

4. Sur la nouvelle page, cliquez sur "Create a new twitter feed"

5. Vous aurez un formulaire à remplir sur la nouvelle page pour que la signalisation de la publication de vos nouveaux articles soit effective sur Twitter.

- Sur le deux premières cases, mettez votre nom d'utilisateur et votre mot de passe twitter ;

- sur la case suivante (Rss feed url), mettre l'url du flux de votre blog ;

- pour l'update frequency, choisissez l'interval d'heure après lequel le robot de Twitterfeed passera vérifier la publication d'un nouvel article sur votre blog ; pour post-up to, choisissez le nombre d'articles publiés qui devront être signaler sur Twitter ;

- Choisissez ensuite s'il faudra mettre inclure (include) juste le titre de l'article (title only), ou le titre et la description (title & description), ou encore la description seule ;

- Ne pas oublier de cocher sur pour" include item link" afin que même lien vers l'article soit incorporé et choisissez le service qui devra raccourcir l'url de votre message (moi je préfère Tinyurl);

- Pour "Prefix each tweet with", mettez en au plus 20 caractère, le préfixe qui devra précéder chaque message envoyé par Twitterfeed sur Twitter. Moi j'ai mis "Nouvel article";

- En dernier lieu, cocher la case pour "Active", juste au-dessus du bouton create (sinon, vos nouvelles publications ne seront pas publiées sur Twitter).

6. Cliquer sur "Create" et c'est tout ! Dorénavent, chacune de vos nouvelles publications sera signalée à vos followers twitter.

Au fait, pour me suivre sur Twitter, c'est par ici.

Vous pouvez voter pour cet article sur : Votez sur Scoopeo

Garder facilement une copie de son blog Blogger

By Rodney // 10 commentaires:

Un clin d'oeil à Link.

Ces jours-ci, Blogger ajoute des nouvelles fonctionnalités qui ne peuvent faire que notre bonheur.

Il est maintenant possible de faire la sauvegarde d'une copie de son blog (articles et commentaires) en quelques minutes et très facilement sans utiliser pour cela un logiciel spécial.

Il suffit :

1. De se connecter sur Blogger in draft

2. D'aller sur "Paramètres" pour le blog à sauvegarder ;

3. Sur la nouvelle page, cliquer sur le lien "Exporter" (juste au début) ;

4. Sur la nouvelle page, cliquer sur "Exporter le blog"

5. Sur la pop-up qui s'ouvre, sélectionner "Enregistrer dans l'ordinateur"

6. Juste le temps que le blog soit téléchargé dans sa totalité et c’est tout. Vous pouvez renommer le fichier xml qui sera sauvegardé et le mettre dans un fichier spéciale (si vous le voulez).

Vous pouvez voter pour cet article sur : Votez sur Scoopeo

Booster le Technorati Autorithy de son blog

By Rodney // Aucun commentaire:

Il y a deux mois de cela, mon Technorati authority était arrivé à 100. Aujourd'hui, il connaît une chute vertigineuse, puisqu'il n'affiche plus que 65. Le Technorati authority est une côte donnée par le site Technorati à chaque blog y inscrit en fonction du nombre des liens qu'il reçoit (par rapport à une période donnée). Ainsi, vous pouvez avoir plus des liens qu'un blog donné mais avoir un Authority inférieur (surtout si le dernier lien que votre blog a reçu date de Mathusalem).

Pour remonter mon Authority, je me suis décidé de participer à un échange de lien très cool (qui me coûtera quand même dans l'avenir une punition de la part de Technorati, chose dont je suis sûr vu la façon dont il a puni Café Biblique pour avoir participé à une campagne de récolte de 1999 liens). Bon, l'essentiel pour moi c'est d'avoir plus de lien vers le blog (backlink) quoi qu'il advienne (un peu comme John Chow).

Pour participer à cet échange de lien, il suffit :

1. D'aller sur Brad Blogging (le blog qui l'organise),

2. De copier la liste des liens y affichée (vous la verrez à la fin de cet article),

3. De laisser un commentaire à la fin de l'article cité à l'étape 1 avec le lien vers l'article contenant la liste des liens,
4. Attendre que la liste des liens soit mise à jour avec le lien vers votre blog inclus.

Y a-t-il des preneurs ?

*–Copy Here - Technorati Authority–*1. Brad Blogging.com - Daily Blog Tips For The Masses 2. Daily Blogging Tips At The Daily Rambler
3. Blog Chews - Blog About Anything
4. Steve v4.6 - Big Made Small
5. GIVEAWAY CITY
6. Indo Contest.com - Find the Latest Contest Here
7. POTPOLITICS-We Smoke the Competition
8. ATA - AskTheAdmin.com
9. Dolly’s Daily Diary
10. The Tech Juice - Tech Tips And More
11. Wendy’s OBA, Blog Tips & Tricks
12. Wendy’s Reel - Fact And Fancy
13. A Grateful Heart
14. 50+Whatever..Just some Ramblings in Life
16. The Blog for DesignCreatology
17. Contest Whiz - The Blog Contest Expert
18. About Blog Contests
19. Esmeraldasblog - Como aumentar la Authority de Technorati
20. Best Widgets for free - Blog Widgets
21. New life by Pitonizza
22. Todo Seiya - Como aumentar la Authority de Technorati
23. Blog for Spanish Readers
24. The Blogger And The Blog
25. Hero Help
26. Makmalcyber
27. Forex Study
28. Techyplus
29. 8
30. Darn Good Reviews
31. Blogger Tips - DotBlogger
32. Lilyruths This and That
33. That Blog 4 Me
34. Pinoytek - Make Money Online and SEO Blog
35. Snigit(blogspot)
36. Snigit(.com)
37. Best Of The Web
38. Swat the Fly
39. Area3000
40. Shut Up And Eat
41. Find Torrent Blog
42. Cebu in the World
43. Web Design
44. Trestin Adventures
45. Ask Trestin
46. Trestin Autobiography
47. Trestin Ideas
48. Trestin Gallery
49. Trestin Games
50.(Impressive Results!) Trestin Hall Of Fame
51. Trestin History
52. Parnell Forever
53. Trestin Political
54. Trestin Spiritual
55. Trestin Sports
56. Trestin Store - Yep, Each One Of These Are Different Blogs.
57. The Ordinary Agung
58. Il blog di Luca Marchi
59. What About Brazil?
60. Shri Rada Blog
61. Hawaiian Travel Blog
62. Hawaii Cruise Superstore
63. GadgetHeat!
64. Over The Sky
65. Yavinator log
66. I Travel to Work do you?
67. The Home Page of Tony Smith, Writer of Comic Books, Articles & Screenplays
68. Ultimate Credit Online
69. The Rhythm of Write
70. A Hoosier Family
71. Analyzed Marketing Solutions
72. O2S Media
73. Project Swole - Fitness and Nutrition
74. Life is simple, Don’t make it complicated
75. Yet Another Blog from Marco Ciacci
76. Freebies, Making money and More
77. Babysitter On Board
78.Vhiel’s Corner

79. Anything and Everything in Between

80. Designs By Vhiel

81. Can of Thoughts
82. Only in Silence
83. Everything Nice!
84.Reference Notes
85. It’s a woman’s world!
86. Ramki’s Blog
87. THE MOM WITH BROWNIES
88. Picture Clusters
89. Maiylah’s Snippets
90. My Wanderings
91. Confessions of a Supermodel Wannabe
92. Tiklaton: We are the Witness!
93. Aeirin Collections
94. The Big Dog
95. O’Joy of my life…
96. Through the Rain
97. More Than A Mom
98. Say Cheese
99. The Journey
AWESOME! TRIPLE DIGITS! 100. Photo Hook
101. Life Quest
102. Dew Drops - Making Sense… Somehow
103. The Small Business Marketing Blog
104. TheSuburbanFarmer
105. Konaini Blog
106. Worldly Economic Thoughts
107. Esperto Seo
108. gd labs | gianfranco davide reppucci | Blog
109. insidetheworld Italian Linux and Security Blog team
110. The Back Forty
111. studentefreelance
112. The Barber Bunch
113. Doremixy
114. CoffeeCoffeeCoffee
115. This Side of Eternity
116. Think Creative
117. Moomettesgram’s Musings
118.The Daily Dollar Report
119. The Sweet Life
120. Box 5150
121. Your Fun Family
122. No Nonsense Internet Tips
123. Benefit everyone on this list. Join Today!

http://bradbloggin

Vous pouvez voter pour cet article sur : Votez sur Scoopeo

Diggons
Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

SEO & REFERENCEMENT