samedi, novembre 28, 2009 / Libellés : infos légales
Avis de non responsabilité
Les informations contenues dans ce blog sont à titre d'information générale seulement. Alors que nous nous efforçons de garder l'information mise à jour et exactes, nous ne faisons aucune déclaration ni garantie d'aucune sorte, expresse ou implicite, quant à l'exhaustivité, l'exactitude, la fiabilité, l'adéquation ou la disponibilité à l'égard du blog ou de l'information, des produits , services ou éléments graphiques associés au contenus du blog pour n'importe quel but. Le lecteur qui s'appuie sur de telles informations le fait strictement à ses propres risques.
En aucun cas nous ne pouvons être tenu responsable de toute perte ou dommage, y compris mais sans s'y limiter, indirects ou consécutifs de perte ou de dommage ou toute perte ou dommage que ce soit résultant de la perte de données ou de bénéfices découlant de ou en relation avec l'utilisation de ce blog ou des informations y fournis.
A travers ce blog il existe des liens vers d'autres sites qui ne sont pas sous le contrôle de "http://blogger-au-bout-du-doigt.blogspot.com/". Nous n'avons aucun contrôle sur la nature, le contenu et la disponibilité de ces sites. L'inclusion de touts liens n'implique pas nécessairement une recommandation ou approbation des points de vue exprimés en leur sein.
Tous les efforts sont faits pour maintenir le blog en ligne avec une publication régulière. Toutefois, "http://blogger-au-bout-du-doigt.blogspot.com/" ne prend aucune responsabilité et ne sera pas responsable du fait que le blog soit temporairement indisponible en raison de problèmes techniques indépendants de notre contrôle.
QUESTIONS, COMMENTAIRES OU RAPPORT D'INCIDENTS
Vous pouvez diriger vos questions, commentaires ou rapport d’incidents à
Cet avertissement est dynamique. Il sera constamment mis à jour. Vous ne pouvez pas présumer qu'il reste le même et vous vous engagez à vérifier s’il y a eu des changements à cette déclaration chaque fois que vous visitez le blog. A moins que, selon l'opinion exclusive du blog, ce changement d’Avis de non responsabilité soit si radical pour suggérer une notification publiée sur le blog ou via email, vous ne recevrez pas de notification de modification au présent Avis de non responsabilité, ni, en aucune circonstance, ce blog ne promet une notification. Votre utilisation continue de ce blog est une évidence de votre continuelle acceptation des modalités de cette renonciation et de toute modification.
DERNIÈRE MISE À JOUR
Cette exclusion de responsabilité à été mise à jour le 28 novembre 2009.
jeudi, novembre 26, 2009 / Libellés : gagner de l'argent avec votre blog, widget pour blogger
ChipIn: Widget pour collecte des fonds
Mettre un widget pour collecter de fond sur son blog est rendu possible par ChipIn. Nous avions vu comment installer un widget pour récevoir des dons sur son blog avec Paypal. Mais, le problème avec ce widget, c'est que les visiteurs ne savent pas pourquoi vous collectez ce don (à moins d'écrire la raison quelque part au dessus du widget) et surtout, ils ne savent pas quel est le montant que vous voulez atteindre et la durée de temps pendant impartit pour cette collecte.
Grâce à ChipIn, vous pouvez créer un widget pour collecte de fond en moins de 5 minutes. Voir cet exemple :
Pour avoir un widget de ce genre dans votre blog, il suffit de vous rendre sur cette page et de remplir le formulaire, puis cliquez sur "Start a new event".
Si vous n'avez pas un compte, il vous sera demandé de créer un compte (voir "Signup à droite). Après cela, vous pourrez, vous connecter sur votre compte, voir l'onglet "My widget" où vous trouverez le widget que vous aviez crée. Il suffira ensuite de cliquer sur "Blogger" pour la plateforme de blog où vous allez insérer le widget et pour finir, voir le point 3, où vous copierez le code à insérer dans un article ou dans un widget html de votre blog.
Pourquoi faire une collecte de fond, allez vous vous demander. Cela dépend de vos objectifs et du sujet abordé par votre blog. Si c'est le blog d'une ONG, vous pouvez collecter de fond pour financer vos activités. Si c'est le blog d'une ville ou sur un quartier, vous pouvez collecter des fonds pour aider les démunis et les sans abris des environs (surtout avec cette fin d'année qui risque d'être catastrophique pour eux). Vous pouvez aussi collecter des fonds pour acheter un nouvel outil qui vous permettra de mieux rendre service à vos lecteurs, etc.
Les gens peuvent-ils vraiment vous laisser quelque chose par ce widget ? Oui bien sûr. La preuve, une capture d'écran du blog d'un nazaréen.
J'espère que ce widget pour vous être utile.
samedi, novembre 21, 2009 / Libellés : astuces blogger
Afficher la date pour tous les articles publiés le même jour
Sur Blogger, vous avez la possibilité de voir la daté affichée pour un article que vous publiez juste au dessus ou en dessous du titre de celui-ci. Le seul problème c'est que si vous publiez plus d'un article le même jour, la date ne s'affichera que sur l'un d'entre eux.
Pour contourner cette difficulté, Anshul nous propose l'astuce très simple que voici :
1. Se connecter sur Blogger, puis aller sur "Mise en page", "Modifier le code html" et là, cochez développer des modèles de gadget.
2. Trouvez le code suivant :
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:
</b:if>
3. Remplacez tout le code ci-haut par celui-ci :
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>&#
<h2 class='date-header'><data:
<b:else/>
<h2 class='date-header'>
<script>document.write(
</h2>
</b:if>
4. Enregistrez votre modèle et allez admirer le résultat.
@+
vendredi, novembre 20, 2009 / Libellés : conseils blogger, Création d'un modèle Blogger, modèle blogger
Notepad++ et Internet Explorer 8 : Outils pour travailler le code de votre blog
Aujourd'hui, je me permet de vous recommander 2 outils gratuits pour travailler le code html de votre blog : Notepad++ et Internet Explore 8.
Ceux qui prennent le temps de modifier le template de leur blog savent combien c'est agaçant de recevoir des message du genre "un div n'est pas fermé", patati patata. Quand tout le code de votre blog prend plus de 10 pages, ça monte aux nerfs de songer à aller fouinner dans cette botte de foin pour retrouver l'erreur.
Heureusement, il y a des gens qui ont déjà été confronté à ce genre de problème et on crée des outils pour vous assouplir le travail, notamment les deux outils que je vous recommande.
1) Notepad++ est un éditeur de source qui met en relief la syntaxe en attribuant notamment des couleurs différentes à chaque partie de votre modèle : entête, code css, et autres.
Ce que j'aime avec ce outil, c'est que quand vous mettez votre curseur sur un <div>, il lui donne un fond bleu et il vous suffit de descendre la page pour retrouver le </div> fermant. Si le <div> ne reçoit aucune couleur de fond lorsque vous y mettez le curseur, cela veut simplement dire que l'éditeur ne retrouve pas le </div> qui lui correspond. Il faut toutefois noter comme toute création humaine, ce n'est pas toujours parfait.
Pour plus d'info voir cette page.
2) Internet Explorer 8 est doté d'un outil de développement (voir sur la barre d'outils : Outils puis Outils de dévellopement) qui permet d'étudier le code source d'une page, étudier le css d'une partie du code, compresser tout le code et n'en étudier qu'une partie,etc.
Il existe d'autres fonctions que vous pourrez découvrir de vous même.
J'espère que cela vous sera utile comme à moi.
@+
jeudi, novembre 19, 2009 / Libellés : infos, outils de traduction de votre blog
Google traduction - Bouton traduction dans l'éditeur de message
Encore une nouvelle découverte que je fais ce matin. Dans Blogger draft, il vient d'être ajouté un bouton en forme de livre rouge pour définir n'importe quel mot en 12 langues et le traduire dans les langues proposées sur Google traduction. J'ai essayé en traduisant ce texte en arabe depuis mon éditeur de message. Voici ce que ça donne :
آخر الاكتشافات الجديدة التي أنا في هذا الصباح. مدون في مشروع ، وأنها مجرد إضافة زر على شكل كتاب أحمر لتعريف أي كلمة في 12 لغة ، وتترجم إلى اللغات المتوفرة في مجموعات الترجمة. حاولت ترجمة النص العربي من وجهة نظري محرر الرسائل. هنا ما يحدث :
Pratique cette option, surtout si on veut faire un blog bilingue et traduire une citation en langue étrangère que l'on a cité dans son blog.
C'est qu'il y a encore des améliorations à faire, mais comme on le dit, si on t'offre une bicyclette alors que tu voulais une porche, accepte d'abord la bicyclette. Quand la porche viendra, tu aura et la bicyclette et la porche.
@+
mercredi, novembre 18, 2009 / Libellés : infos, widget pour blogger
Insérer une vidéo via l'éditeur de message sur Blogspot
Je viens juste de remarquer que sur Blogger in draft, l'éditeur de messages vient d'être garni d'un nouveau bouton. Ce dernier permet d'insérer des vidéos directement dans un article alors qu'on est entrain de l'écrire.
Les vidéos à insérer sont récupées sur votre ordi et téléchargé sur Blogger. Il faut vérifier que le transfert de la vidéo est terminé avant de publier l'article. Un bouton de téléchargement apparaît juste en dessous de l'éditeur des messages.
Espérons que ce bouton fera bientôt l'apparition sur l'éditeur de message de version normale.
/ Libellés : Articles sponsorisés
L'invasion des hoppers sur Yahoo c'est aujourd'hui
Article sponsorisé
Dernièrement, nous vous avions parlé de l'invasion des hoppers et annoncé qu'il y devait y en avoir une prévue pour le 18 novembre (c'est aujourd'hui à 15 heure).
Aux dernières nouvelles, cette stratégie de communication serait l'idée de Sony Ericsson pour le lancement de deux nouveaux téléphones :
Satio : qui associe des technologies et un style incroyable avec un apparaeil photo 12,1 megapixels.
Aino : avec écran à 3 pouces et peut récevoir films, musiques et podcast.
lundi, novembre 16, 2009 / Libellés : commentaires
Afficher plus de 200 commentaires
Sur Blogger, il existe pour les commentaires une limitation de 200 à afficher sur une page d’article. Seulement, si vous avez un blog aussi populaire que Papilles et pupilles avec des articles ayant plus de 200 commentaires, c’est agaçant de ne pas voir les autres commentaires être affiché.
Normalement, dès qu'un article a plus de 200 commentaires, vous devrez voir apparaître des liens permettant aux lecteurs d'aller voir les commentaires le plus récents ou les plus anciens (voir sur exemple sur cette page qui a plus de 800 commentaires).
Si ces liens n'apparaîssent pas sur votre blog, il vous suffit d’ajouter un bout de code dans le widget blog1 (celui qui affiche les articles), ceci pour donner aux lecteurs la possibilité de jeter un coup d’œil aux commentaires qui ne s’affichent pas en cliquant sur un lien pour aller sur la page suivante des commentaires.
Si ces liens n'apparaîssent pas sur votre blog, il vous suffit d’ajouter un bout de code dans le widget blog1 (celui qui affiche les articles), ceci pour donner aux lecteurs la possibilité de jeter un coup d’œil aux commentaires qui ne s’affichent pas en cliquant sur un lien pour aller sur la page suivante des commentaires.
Voici les étapes à suivre pour arriver à cette fin :
1. Se connecter sur votre compte Blogger, aller sur Mise en page puis sur « Modifier le code html ».
2. Trouver la ligne suivante :
<b:includable id='comments' var='post'>
Quelques lignes après celle-ci, vous trouverez cette ligne <dl id='comments-block'> qui est elle précédée de </h4>.
3. Entre les lignes citées ci-haut, mettez le code suivant :
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
Ce qui donnera le résultat suivant :
<b:includable id='comments' var='post'>
<div id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
4. Enregistrez votre modèle et allez admirer le résultat sur un article qui a plus de 200 commentaires.
Notez que vous pouvez remplacer le code en bleu par une phrase du genre "commentaire plus anciens" et le code en rouge gras par une phrase du genre "commentaire plus récents" (ou une phrase qui ira avec le style de votre blog). Vous pouvez même mettre à la place des images, en ajoutant bien sur un balise du genre :
<img src="url_de_limage" border="0" alt="Texte Alternatif" />
Bon, voilà, je crois qu'avec ça, les lecteurs pour voir tous les commentaires publiés sur un article.
@+
/ Libellés : Articles sponsorisés
Une invasion des hoppers
A Kinshasa, c’est souvent lors de la fête de Noël et du réveillon que les rues sont envahies par les ballons d’air qui sont fixés sur des fils les longs des avenues ou accrochés par des gamins qui vont ça et là en sautant de joie.
Les parisiens ont eu dès le 2 novembre (bien avant noël et le réveillon) l’occasion de s’égayer avec des ballons différents de ceux utilisés en RDC, des hoppers, ballons sauteur sur lequel on peut s’asseoir et bondir sur les trottoirs.
Mais, en vous rendant sur le site Hopper invasion vous pouvez créer des motifs pour un hopper, lui donner un nom et en modifier les traits. Vous pouvez en profiter pour découvrir ce qui se trame pour les jours à venir. J’ai moi-même customiser le hopper que voici :
Mon hopper ainsi que tous les autres qui seront customisés envahiront la page d’accueil de Yahoo dès le 18 novembre 2009. Mon hopper sur Yahoo ! Ça sera super !
L’idée d’envahir les trottoirs de Paris avec des hoppers ferait référence au film publicitaire de Saatchi & Saatchi « spark something » (à toi de jouer). Cette campagne de communication va donner naissance le 16 novembre à la première flashmob cross média dans les rues et sur le web organisée par Mediaedge : cia et Mecasses. Le reveal se poursuit en parallèle et en affichage (Decaux / Smart / Total covering ligne 1), online (+ 220 M d'impressions), au cinéma, et en TV (habillage C+ et campagne TV "classique")
vendredi, novembre 13, 2009 / Libellés : widget pour blogger
Logiciels de publications sur blog
Une lectrice un peu trop cité sur ce blog (devinez laquelle) m'avez proposée d'utiliser un logiciel de publication sur blog qui m'a fait trouvé le bonheur à 80 % (il bug pour ce blog, car il ne supporte pas la mise en page de l'accueil). Après recherche, j'en ai trouvé un autre et me suis dit qu'il fallait que je vous parle de deux, espérant que l'un d'eux vous fera trouver le bonheur.
Ces logiciels permettent d'écrire un article hors ligne, d'y ajouter des photos, des liens et même des libellés, des tableaux, des vidéos, etc.
Pour vous rendre sur la page de téléchargement, il suffit de cliquer sur le nom du logiciel.
1. Windows Livewriter : Vous pouvez même avoir un aperçu de la façon dont le billet paraîtra sur votre blog.
2.W.Bloggar : Je ne l'ai malheurseuement pas testé.
@+
jeudi, novembre 12, 2009 / Libellés : widget pour blogger
Pourquoi pas Google web elements ?
Si vous aimez ajouter certaines gadgets pour agrémenter votre blog, je vous conseille de jeter un coup d'oeil sur Google web elements.
Ce service permet d'insérer des gadgets google sur son blog, que ce soit un Google agenda (pour tenir vos lecteurs informé sur les évéments à venir), un googledoc (pour leur montrer une présentation), etc. Il se pourrait que nouveau gadget soient ajoutés dans l'avenir. Alors, il faut garder un oeil sur Google web elements.
mercredi, novembre 11, 2009 / Libellés : astuces blogger, gagner de l'argent avec votre blog
Partager les revenus publicitaires (adsense) d’un blog d’équipe
Vous êtes une équipe à administrer un blog que vous monétisez et aimeriez savoir comment équitablement répartir les revenus collectés. L’astuce, c’est de laisser chacun mettre la pub qui va avec son compte adsense (ou autre).
Normalement, sur Blogger il existe des codes pour limiter l’affichage des certaines éléments (ou widgets) à certaines pages. Anshul a utilisé l’un de ces codes pour concocter cette petite astuce.
Les codes que nous allons voir, limitent l’affichage des vos codes publicitaires à certaines pages, notamment les pages d’articles écrits par certains auteurs. Ainsi, si vous êtes trois à tenir un blog et que chacun de vous possède un compte sur Google adsense, vous pourrez mettre vos propres pubs qui s’afficheront uniquement sur les articles du proprio du compte et pas sur les articles des autres. Cette astuce peut évidement être utilisée pour les autres pubs comme les vidéos ebuzzing, blogbang et autres.
Pour adopter cette astuce sur votre blog, voici ce que vous devez faire :
1. Vous connecter à votre compte blogger et aller sur « Mise en page », puis sur « Modifier le code html », et là, cochez sur « Développer des modèles de gadget ».
2. Trouvez le code ci-après :
<data:post.body/>
3. Insérez le code suivant avant celui-ci haut (si vous voulez que les pubs apparaissent au dessus des articles) ou après le code ci-haut (si vous voulez que les pubs s’affichent après les articles).
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Auteur n°1"'>
Insérer le code adsense (ou publicitaire d’une autre plateformer ici)
</b:if>
<b:if cond='data:post.author == "Auteur n°2"'>
Insérer le code adsense (ou publicitaire d’une autre plateformer ici)
</b:if>
<b:if cond='data:post.author == "Auteur n°3"'>
Insérer le code adsense (ou publicitaire d’une autre plateformer ici)
</b:if>
</b:if>
4. Remplacez les Auteurs n°1, Auteurs n°2, Auteurs n°3 par les noms des auteurs de votre blog. Notez bien, mettez les noms tels qu’ils apparaissent lors de la publication des articles (publié par xxxx). Si vous ne respectez pas bien la case (Majuscules et Minuscules à leurs places, vous n’aurez pas le résultat escompté).
5. Mettez les pubs pour chaque auteur à l’endroit indiqué et enregistrez votre modèle.
Bien que l’exemple est limité à trois auteurs, vous pouvez en mettre moins (deux) ou plus, cela dépend du nombre d’auteurs qu’a votre blog.
Vous pouvez afficher les articles des vos auteurs sur votre navigateur et vérifier le code source pour voir si l’identifiant publicitaire sur chaque page correspond à celui de l’auteur de l’article.
@+
mardi, novembre 10, 2009 / Libellés : astuces blogger
Personnaliser la souris de son blog
Ceci est un article de Vidéale, des blogs vidéale(cinéma pour enfants) et lapetitevidéothèque (cinéma pour les ados / adultes).
Voici comment modifier l'aspect de votre souris. Il m'a fallu du temps pour recueillir les différentes informations mais la méthode est ultra simple.
Cette solution fonctionne sur Internet explorer et sur Mozilla Firefox grâce à Dalida dont j'ai récupéré le code. Cela fonctionne seulement avec des images fixes (.cur), pas avec des images animées (.ani).
Allez dans Mise en page
Cochez Développer des modèles de gadgets
Recherchez (ctrl + F) la balise :
body {
Placez sur la ligne suivante le code :
cursor:url(indiquez l'url de votre curseur.cur), default;
Sauvegardez et allez admirer le résultat.
Voici quelques liens où vous trouverez des modèles de souris :
- PatMax (gratuit)
- Lablogos (gratuit)
- Curseurs-gogo (prix d'une communication)
cursor:url(indiquez l'url de votre curseur.cur), default;
Sauvegardez et allez admirer le résultat.
Voici quelques liens où vous trouverez des modèles de souris :
- PatMax (gratuit)
- Lablogos (gratuit)
- Curseurs-gogo (prix d'une communication)
Vous pouvez retrouver Vidéale sur ses blogs (vidéale et lapetitevidéothèque)où elle se fera un plaisir de répondre à vos questions et vous faire découvrir son univers pas comme les autres. Pour s'abonner à son blog, cliquez sur le lien suivant.
vendredi, novembre 06, 2009 / Libellés : widget pour blogger
Bouton de partage Facebook
Barry Welch a récemment développer un bouton de partager facebook similaire à celui de partage sur Twitter que nous avions vu dernièrement. L'article que vous partagez grâce à ce bouton, verra son titre et son lien apparaître sur votre page de profil facebook.
Le code pour ce bouton sont les suivants :
1. Version normale 1
<div style="float:right;padding:4px;"> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/> </div>
2. Version normale 2
<div style="float:left;padding:4px;"> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/> </div>
3. Version compacte 1
<div style="float:right;padding:4px;"> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/> </div>
4. Version compacte 2
<div style="float:left;padding:4px;"> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/> </div>
Vous pouvez l'installer l'un de ces codes dans votre blog, juste avant la balise <data:post.body/> ou juste après <div class='post-header-line-1'/>
@+
jeudi, novembre 05, 2009 / Libellés : Newsletter, widget pour blogger
Gadget Newsletter sur Google friend Connect
En allant faire un tour sur Google friend connect, j'ai remarqué qu'outre les modifications dans le look, il y un nouveau Gadget "Newsletter".
Avec ce gadget, vous pouvez écrire des newsletter qui ne seront destinés qu'aux abonnés de votre blog et ne s'afficheront pas comme articles de votre blog. Pour avoir ce widget sur votre blog, connectez-vous à Google Friendconnect et cliquez sur le nom de votre blog.
Sur la colonne gauche, cliquez sur "Lettre d'information". Vous trouverez sur la nouvelle page qui s'affichera les 3 options offertes pour la "Lettre d'information", notamment :
1. Un tableau de bord où l'écrire avec possibilité de l'envoyer aux abonnés ou à certains membres seulement, selon les réponses qu'ils ont donnés à vos questions. Cet éditeur de message est semblable à celui de Blogger.
2. L'historique des vos lettres d'information : Histoire de savoir quand vous avez écrit pour la dernière fois et retrouver une ancienne lettre d'information.
3. Gadget lettre d'information : Un Gadget que vous pouvez installer sur le blog pour inviter les lecteurs à s'abonner à la Newsletter.
Cela va éviter à beaucoup d'utiliser les sites payant qui offrent les mêmes services.
mercredi, novembre 04, 2009 / Libellés : Seo, Site map
Générateur Sitemap pour Google, Yahoo et Bing
Labnol avait conçu un générateur de sitemap pour les Blogs Blogger, qui permet de soumettre ce dernier sur Google, Yahoo et Bing. En gros, il faut savoir qu'un site map facilite aux moteurs de recherche l'indexation du contenu de votre blog (site).
Pour générer le Sitemap de votre blog, il vous suffit de vous rendre sur cette page et d'y mettre votre url complet (avec le http:// et le / à la fin). Ensuite cliquez sur "create blogger site map".
Sur la page qui sera chargée, vous serez informé du nombre d'articles que vous avez déjà publié sur votre blog.
Pour soumettre votre sitemap sur Bing, cliquez sur "Submit 1 to 500 posts" juste en desssous de For Bing. Vous serez conduit sur une page où il sera écrit "Thanks for submitting your sitemap."
Repétez la même opération pour Yahoo, juste en dessous de For Yahoo ! Sur la page où vous serez conduit, vous devrez avoir le message "Update notification has successfully submitted."
Pour Google, rendez -vous sur votre compte Google webmaster (si vous en avez un), cliquez sur le nom de votre blog et dans le Tableau de bord de celui-ci, cliquez sur "Envoyer un sitemap" (voir la colonne à droite). Sur la nouvelle page, cliquez encore sur "envoyer un sitemap" et dans la petite case qui s'affiche, mettez le lien suivant (juste après l'url de votre blog) puis cliquez sur le bouton "envoyer un sitemap" :
atom.xml?redirect=false&start-index=1&max-results=100
Si votre blog possède plus de 100 articles, mettez plutôt le lien suivant :
atom.xml?redirect=false&start-index=1&max-results=500
Si votre blog a plus de 1000 articles, mettez les trois liens suivants , un à la fois (notez les différences en gras).
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
Si vous avez plus de 1500 articles, suivez la méthode pour ajouter le prochain lien.
@+
mardi, novembre 03, 2009 / Libellés : commentaires, Photos
Affichage Photos commentateurs et couleur de fond différentes
En 2007, nous avions enseigné une technique pour afficher les photos des commentateurs qui disposent d’une photo de profil sur Blogger. Mais, depuis quelques temps, Blogger permet d’afficher les photos des commentateurs même sur les blogs qui ont choisis d’intégrer un formulaire des commentaires à la fin des articles, ce qui a rendu notre première astuce à moitié hors service. Bien que les bulles qui encadrent les commentaires s’affichent encore et qu’il y a moyen de différencier les commentaires des lecteurs de celui du proprio du blog par la couleur de fond, les photos elles ne s’affichent plus.
Avant de voir comment remédier à ce problème, expliquons les méthodes fournies par Blogger pour afficher les photos de profil sur les commentaires (quelqu'un m'avait contacté pour écrire cet article il y a 3 semaines, mais depuis plus aucun signe de vie malgré mon accord).
Si vous désirez afficher les photos des commentateurs sur un Blog Blogger, rien de plus simple. Il suffit d’aller sur « Paramètres », puis sur « Commentaires » et là, cocher sur "oui" pour l’option «Afficher les photos de profil sur les commentaires ».
Au cas où les photos ne s’affichent pas du tout malgré l’activation de l’option citée ci-haut, utilisez cette méthode de Soufiane :
1. Aller sur « Modifier le code html » et trouvez l’une de deux lignes suivantes :
<dl id='comments-block'>
Ou
<div id='comments-block'>
2. Remplacez la ligne que vous trouverez par
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Notez que si vous remplacez le <div id='comments-block'>, il vous faudra chercher le </div> qui clôture celui-ci et le remplacer par </dl>
Au cas où vous ne trouvez pas les premières lignes indiquées, cherchez plutôt la troisième. Si elle existe, passez à l’étape suivante.
3. Trouvez la ligne suivante :
<a expr:name='data:comment.anchorName'/>
Remplacez-la par celle-ci :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='50px' style=' margin: 25px 0 0 0;' width='50px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<img expr:src='data:comment.favicon' height='50px' style=' margin: 25px 0 0 0;' width='50px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
Ajouter une bulle avec différentes couleurs de fond pour les commentaires
Pour avoir une bulle entourant les commentaires avec couleur de fond différent pour les commentaires de l’auteur du blog et ceux des visiteurs :
1. Dans le css de votre blog, mettre les codes suivants et effacez ceux similaires qui existaient avant (voir la nomination en gras)
.comment-body { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body p { background:#d0d0d0; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; }
.comment-body-author { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body-author p { background:#ccdacc; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; } .comment-author { margin: 0px 0px 0px 0px; padding: 0 10px 0 40px; color: #777; font-size: 16px; font-weight:bold; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;}
.comment-body p { background:#d0d0d0; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; }
.comment-body-author { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body-author p { background:#ccdacc; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; } .comment-author { margin: 0px 0px 0px 0px; padding: 0 10px 0 40px; color: #777; font-size: 16px; font-weight:bold; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;}
* html .comment.favicon { /*IE only*/
margin: 30px 0 0 0;
}
2. Juste après le code suivant
<b:loop values='data:post.comments' var='comment'>
Mettre
<!-- kaie added for comment-body-author highlight begenning1-->
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<!-- kaie added for comment-body-author highlight ending1-->
<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> <!-- kaie added for comment-body-author highlight -->
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<!-- kaie added for comment-body-author highlight ending1-->
<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> <!-- kaie added for comment-body-author highlight -->
3. Enregistrez votre modèle et youpi !
Vous avez vos commentaires qui s’afficheront avec photos de leurs auteurs en plus d’une différenciation des commentaires du proprio du blog de ceux des visiteurs par la couleur de fond.
lundi, novembre 02, 2009 / Libellés : astuces blogger
Afficher le lien pour lire la suite du résumé d’un article
Nous avions vu dernièrement qu’il était désormais possible d’activer l’affichage d’un bout de l’article à l’accueil en un seul clic. Seulement, il reste que dans beaucoup des blogs, seuls les résumés s’afficheront mais ne seront pas accompagnés d’un lien indiquant aux lecteurs qu’ils peuvent lire la suite de l’article.
Ceux qui utilisent des modèles offert par Blogger peuvent facilement afficher le lien « lire la suite » et même mettre une autre phrase à la place, en allant sur « Mise en page » et en cliquant sur « Modifier » pour le widget « Message du blog ». Sur la pop-up qui s’ouvre, il n’y a qu’à changer le texte « Plus d’infos » par « Lire la suite… » ou une autre phrase de votre choix.
Si avec votre modèle la phrase « plus d’infos » ne s’affiche pas automatiquement après avoir activé le résumé à l’accueil pour un article, ne paniquez pas. Allez sur votre compte Blogger, sur « Mise en Page », puis sur « Modifier le code html » et là, cochez la case pour « Développer de modèles de gadget ».
1. Trouver le code suivant :
<data:post.body/>
2. Juste après ce code, mettre celui-ci :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Enregistrez votre modèle et allez admirer le résultat. Notez que vous pouvez directement insérer le texte à affiché après le résumé d’un article en changeant le code en gras par le texte de votre choix. Mais, je crois qu’il serait plus pratique d’aller effectuer le changement sur « Mise en page » (éléments de la page) et de cliquer sur « Modifier » pour le widget blog.
Amanda révèle qu’il est même possible d’afficher une image à la place du texte « Plus d’infos » (lire la suite). Pour cela, il vous suffit de remplacer le code en gras ci-haut par celui-ci-dessous en veillant d’y mettre l’url de l’image et le texte qui apparaîtra si l’image ne s’est pas affichée.
<img src="url_de_limage" border="0" alt="Texte Alternatif" />
Espérons que maintenant vous trouverez votre bonheur avec la nouvelle fonctionnalité offerte par Blogger.
dimanche, novembre 01, 2009 / Libellés : widget pour blogger
Ajouter un effet de page à Peel sur Blogger
Si vous vous rendez sur le Blog de MisterAir, vous remarquerez qu’il y a comme le bout d’une page qui s’ouvre et laisse entrevoir un bouton Rss. En passant la souris dessus, l’ouverture de la page se fait plus grande et affiche la partie cachée de la page en dessous. Cette option est beaucoup utilisée sur la blogosphère anglophone pour attirer l’attention des visiteurs sur la possibilité de s’abonner sur blog et parfois pour faire la pub d’un produit quelconque.
Pour avoir cette même option sur votre blog, voici ce qu’il vous faut faire selon les recommandations de naeem :
1. Vous connecter à votre compte Blogger et aller sur « Mise en page », puis « Modifier le code html ».
2. Trouvez la balise </head>
3. Juste au dessus, mettez le code suivant :
<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
3. Juste au dessus, mettez le code suivant :
<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script>
L’url en gras est celle de l’image à afficher sur la page cache. A vous de mettre l’image de votre choix.
Et comme le dit MisterAir, si vous voulez que cet effet s'affiche au coin droit de l'écran, changez “ #pageflip {position: relative ” par: “ #pageflip {position: top; top: 0;
4. Cherchez la balise <body> et mettez le code suivant juste après :
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/anshuldudeja'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>
Les deux lignes en gras sont les urls : 1) de l’adresse où sera envoyé le visiteur en cliquant sur l’image, ici vous pouvez metre l’url de votre flux (ou du produit pour lequel vous faites la publicité) et 2) l’url de l’image avec la page entrouverte.
Vous pouvez faire des modifications sur le code css, changer l'emplacement de l'effet de page à Peel selon vos connaissance, en veillant de ne pas faire de votre blog une monstruosité.
J’espère cette astuce sera utile à quelqu’un.
Vous pouvez faire des modifications sur le code css, changer l'emplacement de l'effet de page à Peel selon vos connaissance, en veillant de ne pas faire de votre blog une monstruosité.
J’espère cette astuce sera utile à quelqu’un.
@+
mardi, octobre 20, 2009 / Libellés : widget pour blogger
Afficher le top des auteurs d’un blog d’équipe
Après avoir vu comment afficher une photo de l’auteur à chacun des articles de celui-ci dans un blog animé par une équipe, nous allons aujourd’hui voir comme afficher le hit parade des auteurs qui publient le plus dans un blog tenu par plusieurs, un excellent moyen pour motiver ceux-ci à plus publier.
Ce widget a été conçu par Blogger plugins pour vous permettre d’amener votre blog vers des nouvelles dimensions.
1. Assurez-vous d’être connecté à votre compte blogger.
2. Rendez-vous sur l’installateur du widget « top des auteurs » en cliquant sur bouton suivant : 
3. Dans la fenêtre qui s’ouvre, remplissez le formulaire de la façon suivante :
- Pour “Widget Title”, mettez le titre que portera le widget à la place de “Top authors”
- Pour “Blog url”, mettez l’url de votre blog. Surtout, ne mettez pas le slash à la fin de l’url de votre blog, il sera automatiquement ajouté par l’installateur.
- Pour “No of Top Authors:”, mettez le chiffre correspondant au nombre d’auteurs que vous avez sur votre blog.4. Cliquez sur le bouton « customize » puis sur le bouton “Add wiget to my blog”.Une nouvelle page s’affichera. Vérifiez bien que c’est le blog pour lequel que vous voulez installer le widget qui est affiché et cliquer sur « ajouter le gadget ». Dites merci à Blogger plugins et faites un bisou à Rodney.
Inscription à :
Messages (Atom)
