// API callback
related_results_labels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290"},"updated":{"$t":"2019-09-10T06:47:39.628+01:00"},"category":[{"term":"astuces blogger"},{"term":"widget pour blogger"},{"term":"widgets"},{"term":"Augmentez votre trafic"},{"term":"feed"},{"term":"conseils blogger"},{"term":"images"},{"term":"infos"},{"term":"Seo"},{"term":"commentaires"},{"term":"modèle blogger"},{"term":"gagner de l'argent avec votre blog"},{"term":"modèle bloger"},{"term":"modèle blogger à 3 colonnes"},{"term":"Articles sponsorisés"},{"term":"blogger"},{"term":"Liens"},{"term":"Navigation"},{"term":"Photos"},{"term":"rentabilisez votre blog"},{"term":"statistiques de votre blog"},{"term":"conseils"},{"term":"Bilans"},{"term":"Twitter"},{"term":"hors sujet"},{"term":"libellés"},{"term":"Newsletter"},{"term":"rss"},{"term":"Prix"},{"term":"Scripts"},{"term":"blogger templates"},{"term":"fais ma pub"},{"term":"jeux"},{"term":"Création d'un modèle Blogger"},{"term":"backup du blog"},{"term":"blogger template à 3 colonnes"},{"term":"référencement"},{"term":"Site map"},{"term":"Titres"},{"term":"Tutorial"},{"term":"Téléphone"},{"term":"css"},{"term":"liste des voeux"},{"term":"menu"},{"term":"referencement"},{"term":"référencement naturel"},{"term":"Annonces"},{"term":"Favicon"},{"term":"Google Friendconnect"},{"term":"Guestpost"},{"term":"Vidéos"},{"term":"archives"},{"term":"bordures"},{"term":"design"},{"term":"musique"},{"term":"outils de traduction de votre blog"},{"term":"pdf"},{"term":"Abonnement"},{"term":"E-book gratuit"},{"term":"Facebook"},{"term":"Google+"},{"term":"Paramètres"},{"term":"Ping"},{"term":"Souhaits"},{"term":"Utilitaire"},{"term":"date"},{"term":"infos légales"},{"term":"mots-clés"},{"term":"page rank"},{"term":"smileys"},{"term":"Alexa"},{"term":"Ecrire pour ce blog"},{"term":"Entête"},{"term":"Erreurs"},{"term":"FAQ"},{"term":"Flash"},{"term":"Google Buzz"},{"term":"Google adsense"},{"term":"Google sites"},{"term":"Google wave"},{"term":"Help"},{"term":"Interview"},{"term":"Les bases de Blogger"},{"term":"Mybloglog"},{"term":"Nom de domaine"},{"term":"Services"},{"term":"Soutenir ce blog"},{"term":"Table des matières"},{"term":"Tableau"},{"term":"Widebar"},{"term":"adsense"},{"term":"b"},{"term":"breadcrumb"},{"term":"calendrier"},{"term":"colère"},{"term":"e-mail"},{"term":"emoticônes"},{"term":"excuses"},{"term":"gmail"},{"term":"google map"},{"term":"humour"},{"term":"pause"},{"term":"thèmes pour blogger"},{"term":"word"}],"title":{"type":"text","$t":"Blogger au bout du doigt"},"subtitle":{"type":"html","$t":"Astuces, gadgets et modèles pour Blogger."},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/-\/astuces+blogger?alt=json-in-script\u0026max-results=10"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/search\/label\/astuces%20blogger"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/-\/astuces+blogger\/-\/astuces+blogger?alt=json-in-script\u0026start-index=11\u0026max-results=10"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"174"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"10"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-4929407584412456454"},"published":{"$t":"2013-01-29T02:48:00.000+01:00"},"updated":{"$t":"2013-01-29T02:48:53.921+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"images"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Photos"}],"title":{"type":"text","$t":"Optimiser le chargement des pages avec images sur Blogger"},"content":{"type":"html","$t":"\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003EVous avez un blog avec beaucoup d'images ? Le chargement des pages est lent et vous cherchez comment remédier à ce problème ? Voici pour vous un moyen d’\u003C\/span\u003E\u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/optimiser-chargement-pages-images-photos-blogger_29.html\"\u003Eoptimiser le chargement des images de votre blog\u003C\/a\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u0026nbsp;afin de le rendre plus rapide et plus léger.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; clear: both; font-family: arial, sans-serif; font-size: 13px; text-align: center;\"\u003E\u003Ca href=\"http:\/\/www.google.com\/url?q=http%3A%2F%2F1.bp.blogspot.com%2F-HxF-Cz6sDRI%2FUQXjpVVPpHI%2FAAAAAAAAFOA%2FGN10fcfop0A%2Fs1600%2Foptimiser-chargment-pages-avec-images-photos-blogger.png\u0026amp;sa=D\u0026amp;sntz=1\u0026amp;usg=AFQjCNHbUDEpK4TolQtgRo2bcjK-8BcZXg\" style=\"color: #0000cc; margin-left: 1em; margin-right: 1em;\" target=\"_blank\"\u003E\u003Cimg alt=\"Optimiser le chargement des pages avec images et photos sur blogger\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-HxF-Cz6sDRI\/UQXjpVVPpHI\/AAAAAAAAFOA\/GN10fcfop0A\/s1600\/optimiser-chargment-pages-avec-images-photos-blogger.png\" style=\"border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px;\" title=\"Optimiser le chargement des pages avec images et photos sur blogger\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: center;\"\u003ESource de l'image :\u0026nbsp;\u003Ca href=\"http:\/\/www.google.com\/url?q=http%3A%2F%2Fblog.nguoiaolam.net%2F2012%2F03%2F3-thu-thuat-on-gian-giup-blog-ban-tro.html\u0026amp;sa=D\u0026amp;sntz=1\u0026amp;usg=AFQjCNEoUBW1DfVTia0CbB4Fyd4FMneAAQ\" style=\"color: #0000cc;\" target=\"_blank\"\u003EBlog Thiêk kê\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003ELe script de\u0026nbsp;\u0026nbsp;\u003Ca href=\"https:\/\/plus.google.com\/109750558396546958834\" style=\"color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 20px; text-align: left; text-decoration: none;\" target=\"_blank\"\u003E+Hồng Hòa Vi\u003C\/a\u003E\u0026nbsp;\u0026nbsp;que je vais vous proposer ici fera que les images de votre blog ne seront plus chargées au même moment, mais au fur et à mesure que le lecteur ira vers le bas de la page.\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003EVoici comment procéder pour optimiser le chargement des photos sur votre blog :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E1. Se connecter à Blogger. Aller sur “Modèle”, puis sur “Modifier le code HTML”\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E2. Trouver la balise \u0026lt;\/head\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E3. Coller le script suivant juste avant la balise trouvée.\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px; text-align: justify;\"\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='\u003Ca href=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js'\/\" style=\"color: #0000cc;\" target=\"_blank\"\u003Ehttps:\/\/ajax.googleapis.\u003Cwbr\u003E\u003C\/wbr\u003Ecom\/ajax\/libs\/jquery\/1.7.1\/\u003Cwbr\u003E\u003C\/wbr\u003Ejquery.min.js'\/\u003C\/a\u003E\u0026gt;\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E\u0026lt;script src='\u003C\/span\u003E\u003Ca href=\"http:\/\/blogthietke.googlecode.com\/files\/lazypic.js'\/\" style=\"background-color: white; color: #0000cc; font-family: arial, sans-serif; font-size: 13px;\" target=\"_blank\"\u003Ehttp:\/\/blogthietke.\u003Cwbr\u003E\u003C\/wbr\u003Egooglecode.com\/files\/lazypic.\u003Cwbr\u003E\u003C\/wbr\u003Ejs'\/\u003C\/a\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E\u0026lt;script charset='utf-8' type='text\/javascript'\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E$(function() { \u0026nbsp; \u0026nbsp;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E$(\u0026amp;quot;img\u0026amp;quot;) \u0026nbsp;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E.lazyload({\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003Eplaceholder: \u0026amp;quot;\u003C\/span\u003E\u003Ca href=\"https:\/\/lh3.googleusercontent.com\/-Z9XhV1m9Jak\/T3AqzaLp1EI\/AAAAAAAACyw\/Y1dC7eoBPxM\/s5\/eee.gif\u0026amp;quot\" style=\"background-color: white; color: #0000cc; font-family: arial, sans-serif; font-size: 13px;\" target=\"_blank\"\u003Ehttps:\/\/lh3.\u003Cwbr\u003E\u003C\/wbr\u003Egoogleusercontent.com\/-\u003Cwbr\u003E\u003C\/wbr\u003EZ9XhV1m9Jak\/T3AqzaLp1EI\/\u003Cwbr\u003E\u003C\/wbr\u003EAAAAAAAACyw\/Y1dC7eoBPxM\/s5\/\u003Cwbr\u003E\u003C\/wbr\u003Eeee.gif\u0026amp;quot\u003C\/a\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E;,\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003Eeffect: \u0026amp;quot;fadeIn\u0026amp;quot;});\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E});\u003C\/span\u003E\u003Cbr \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003ENotez que le script en rouge est à omettre s'il se trouve déjà dans votre modèle.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003E4. Enregistrer le modèle\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\" \/\u003E\u003Cspan style=\"background-color: white; font-family: arial, sans-serif; font-size: 13px;\"\u003EMaintenant, le chargement des pages de votre blog avec images et autres photos sera plus rapide.\u003C\/span\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/4929407584412456454\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/optimiser-chargement-pages-images-photos-blogger_29.html#comment-form","title":"16 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/4929407584412456454"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/4929407584412456454"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/optimiser-chargement-pages-images-photos-blogger_29.html","title":"Optimiser le chargement des pages avec images sur Blogger"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-HxF-Cz6sDRI\/UQXjpVVPpHI\/AAAAAAAAFOA\/GN10fcfop0A\/s72-c\/optimiser-chargment-pages-avec-images-photos-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"16"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-5617473477834150895"},"published":{"$t":"2013-01-24T06:36:00.001+01:00"},"updated":{"$t":"2014-02-01T04:44:39.001+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Rendre invisible le gadget Attribution - Fourni par Blogger"},"content":{"type":"html","$t":"\u003Cspan style=\"text-align: justify;\"\u003ENous avons déjà vu comment \u003C\/span\u003E\u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/cacher-le-gadget-fourni-par-blogger.html\" style=\"text-align: justify;\"\u003Ecacher le gadget attribution\u003C\/a\u003E\u003Cspan style=\"text-align: justify;\"\u003E en lui ajoutant un attribut, et aussi \u003C\/span\u003E\u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/supprimer-le-gadget-fourni-par-blogger.html\" style=\"text-align: justify;\"\u003Ecomment supprimer ce widget Fourni par Blogger\u003C\/a\u003E\u003Cspan style=\"text-align: justify;\"\u003E. Mais, étant donné que certains affirment qu'il a tendance à réapparaitre après les manipulations effectuées, voici une astuce qui va \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/rendre-invisible-gadget-attribution-fourni-par-blogger.html\"\u003Erendre invisible le gadget attribution\u003C\/a\u003E.\u003C\/span\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s1600\/cacher+le+gadget+fourni+par+Blogger.png\" imageanchor=\"1\" style=\"background-color: white; color: #174271; font-family: Lato, 'Myriad Pro', Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;\"\u003E\u003Cimg alt=\"rendre invisible le gadget fourni par Blogger (Attribution) sur votre blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s1600\/cacher+le+gadget+fourni+par+Blogger.png\" style=\"border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 590px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;\" title=\"rendre invisible le gadget fourni par Blogger (Attribution) sur votre blog\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EBien qu'il restera présent dans votre modèle, le widget attribution ne s'affichera plus sur le blog après l'ajout d'un simple code css.\u003Cbr \/\u003E\u003Cbr \/\u003EVoici comment procéder :\u003Cbr \/\u003E\u003Cbr \/\u003E1. Se connecter à Blogger. Aller sur \"Modèle\", puis cliquer sur le bouton \"Modifier le code HTML\"\u003Cbr \/\u003E\u003Cbr \/\u003E2. Trouver la balise suivante\u0026nbsp;]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E3. Mettre le code css suivant juste avant la balise de l'étape 2\u003Cbr \/\u003E\u003Cbr \/\u003E#Attribution1 {display: none;}\u003Cbr \/\u003E\u003Cbr \/\u003E4. Enregistrer le modèle\u003Cbr \/\u003E\u003Cbr \/\u003EEt voilà. C'est aussi simple que ça. Maintenant, le \u003Cb\u003Egadget Attribution - Fourni par Blogger\u003C\/b\u003E - \u0026nbsp;ne sera plus visible sur votre blog.\u003Cbr \/\u003E\u003Cbr \/\u003E@+"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/5617473477834150895\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/rendre-invisible-gadget-attribution-fourni-par-blogger.html#comment-form","title":"7 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/5617473477834150895"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/5617473477834150895"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/rendre-invisible-gadget-attribution-fourni-par-blogger.html","title":"Rendre invisible le gadget Attribution - Fourni par Blogger"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s72-c\/cacher+le+gadget+fourni+par+Blogger.png","height":"72","width":"72"},"thr$total":{"$t":"7"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-8869232537560579244"},"published":{"$t":"2013-01-18T17:58:00.000+01:00"},"updated":{"$t":"2014-02-01T04:44:39.066+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Navigation"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Titres d’articles pour \"message plus ancien\" et \"message plus récent\""},"content":{"type":"html","$t":"\u003Cbr \/\u003ECeux qui suivent le blog depuis longtemps savent que nous avions déjà partagé une astuce pour afficher \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/02\/remplacez-message-plus-ancienrecent-par.html\"\u003Eles vrais titres d'articles à la place de \"message plus ancien\" et \"message plus récent\"\u003C\/a\u003E .\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/lh4.ggpht.com\/-g94ZyvMBd_Y\/T0EJI3VLpiI\/AAAAAAAAED8\/RIzSj9yo4JY\/s1600-h\/affichertitresarticleslaplacedemessa%25255B2%25255D.png\" style=\"background-color: white; color: #174271; font-family: Lato, 'Myriad Pro', Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 22px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;\"\u003E\u003Cimg alt=\"afficher les titres articles à la place de message plus anciens récents sur blogger blogspot\" border=\"0\" height=\"301\" src=\"http:\/\/lh4.ggpht.com\/-IsjNR6y4oR4\/T0EK5C9Op_I\/AAAAAAAAEEE\/UdVCaXp8H5c\/affichertitresarticleslaplacedemessa.png?imgmax=800\" style=\"border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 590px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;\" title=\"afficher les titres articles à la place de message plus anciens récents sur blogger blogspot\" width=\"647\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EJe voudrais ici vous partager une autre astuce, qui permettra aussi d’avoir \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/titres-articles-pour-message-plus-ancien-recent-blogger.html\"\u003Eles titres d’articles à la place de \"message plus ancien\" et \"message plus récent\"\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003EVoici les étapes à suivre afin de réaliser cette prouesse :\u003Cbr \/\u003E\u003Cbr \/\u003E1) Se connecter à Blogger et se rendre sur “Modele” pour le blog où effectuer la modification\u003Cbr \/\u003E\u003Cbr \/\u003E2) Après avoir gardé une copie du modèle, cliquez sur “Modifier le code HTML”\u003Cbr \/\u003E\u003Cbr \/\u003E3) Trouvez la balise \u0026lt;\/head\u0026gt; (Vous pouvez utiliser CTRL+F pour trouver rapidement)\u003Cbr \/\u003E\u003Cbr \/\u003E4) Collez le script suivant juste avant la balise trouvée et enregistrez votre modèle.\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.4\/jquery.min.js\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003EVous pouvez zapper cette étape si vous avez déjà le code jquery.min.js installé dans votre modèle.\u003Cbr \/\u003E\u003Cbr \/\u003E5) Rendez-vous sur “Mise en page” et cliquez sur “Ajouter un gadget”\u003Cbr \/\u003E\u003Cbr \/\u003E9) Choisissez “HTML\/Javascript” et collez le code suivant puis enregistrez votre gadget.\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;style type=\"text\/css\"\u0026gt; #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}\u003Cbr \/\u003E#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E$(document).ready(function(){\u003Cbr \/\u003Evar newerLink = $(\"a.blog-pager-newer-link\").attr(\"href\");\u003Cbr \/\u003E$(\"a.blog-pager-newer-link\").load(newerLink+\" .post-title:first\", function() {\u003Cbr \/\u003Evar newerLinkTitle = $(\"a.blog-pager-newer-link\").text();\u003Cbr \/\u003E$(\"a.blog-pager-newer-link\").text(\"\u0026lt;\u0026lt; \" + newerLinkTitle);\u003Cbr \/\u003E});\u003Cbr \/\u003Evar olderLink = $(\"a.blog-pager-older-link\").attr(\"href\");\u003Cbr \/\u003E$(\"a.blog-pager-older-link\").load(olderLink+\" .post-title:first\", function() {\u003Cbr \/\u003Evar olderLinkTitle = $(\"a.blog-pager-older-link\").text();\u003Cbr \/\u003E$(\"a.blog-pager-older-link\").text(olderLinkTitle + \" \u0026gt;\u0026gt;\");\/\/rgt\u003Cbr \/\u003E});\u003Cbr \/\u003E});\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EMaintenant, vous verrez s’afficher les titres des articles à la place de “Message ancien” ou “Message récent”.\u003Cbr \/\u003E\u003Cbr \/\u003EVoir aussi :\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3 class=\"r\" style=\"background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;\"\u003E\u003C\/h3\u003E\u003Ch3 class=\"r\" style=\"font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis;\"\u003E\u003Ca class=\"l\" href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2009\/01\/deplacer-messages-anciens-messages.html\" style=\"color: #1122cc; cursor: pointer;\" wrc_done=\"true\"\u003EDéplacer\u0026nbsp;\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessages anciens\u003C\/em\u003E\/\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessages\u003C\/em\u003E\u0026nbsp;récents\u003C\/a\u003E\u0026nbsp;\u003C\/h3\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Ch3 class=\"r\" style=\"font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis;\"\u003E\u003Ca class=\"l\" href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2008\/03\/mettre-des-icne-la-place-de-messages.html\" style=\"color: #1122cc; cursor: pointer;\" wrc_done=\"true\"\u003EMettre des icône à la place de \"\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessages anciens\u003C\/em\u003E\/\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessages\u003C\/em\u003E\u0026nbsp;récents\"\u003C\/a\u003E\u003C\/h3\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch3 class=\"r\" style=\"background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;\"\u003E\u003Ca class=\"l\" href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/03\/les-titres-des-articles-au-lieu-de-plus.html\" style=\"color: #1122cc; cursor: pointer;\" wrc_done=\"true\"\u003ELes titres des articles au lieu de “Plus d'infos” ou “Lire la suite”\u003C\/a\u003E\u003C\/h3\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Ch3 class=\"r\" style=\"background-color: white; color: #222222; font-family: arial, sans-serif; font-size: medium; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-overflow: ellipsis; white-space: nowrap;\"\u003E\u003Ca class=\"l\" href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2008\/02\/effacer-message-plus-ancienmessage-plus.html\" style=\"color: #1122cc; cursor: pointer;\" wrc_done=\"true\"\u003EEffacer\u0026nbsp;\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessage\u003C\/em\u003E\u0026nbsp;plus\u0026nbsp;\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Eancien\u003C\/em\u003E\/\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Emessage\u003C\/em\u003E\u0026nbsp;plus\u0026nbsp;\u003Cem style=\"font-style: normal; font-weight: bold;\"\u003Erécent\u003C\/em\u003E\u003C\/a\u003E\u003C\/h3\u003E\u003C\/div\u003E\u003Cbr \/\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/8869232537560579244\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/titres-articles-pour-message-plus-ancien-recent-blogger.html#comment-form","title":"4 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/8869232537560579244"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/8869232537560579244"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/titres-articles-pour-message-plus-ancien-recent-blogger.html","title":"Titres d’articles pour \"message plus ancien\" et \"message plus récent\""}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/lh4.ggpht.com\/-IsjNR6y4oR4\/T0EK5C9Op_I\/AAAAAAAAEEE\/UdVCaXp8H5c\/s72-c\/affichertitresarticleslaplacedemessa.png?imgmax=800","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-2421799283228714122"},"published":{"$t":"2013-01-16T09:41:00.000+01:00"},"updated":{"$t":"2013-01-16T10:49:56.189+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Google sites"}],"title":{"type":"text","$t":"Comment héberger vos fichiers sur Google sites"},"content":{"type":"html","$t":"\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EIl existe plusieurs solutions pour héberger ses fichiers en ligne. Mais, beaucoup de ces solutions ne vous permettent pas ensuite d'utiliser le lien direct du fichier hébergé pour l'ajouter par exemple à un \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/comment-ajouter-lecteur-mp3-musique-blog.html\"\u003Electeur mp3\u003C\/a\u003E qui jouera la musique sur votre blog.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESi je vais vous apprendre comment héberger vos fichiers sur Google sites, c'est notamment parce que je compte vous montrer comment \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/comment-ajouter-lecteur-mp3-musique-blog.html\"\u003Eajouter un lecteur mp3 à votre blog\u003C\/a\u003E dans un prochain article.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVoici comment procéder pour héberger des fichiers sur Google sites.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E1. Rendez-vous sur \u003Ca href=\"https:\/\/sites.google.com\/?pli=1\" rel=\"nofollow\"\u003EGoogle sites\u003C\/a\u003E et créez-y un site, si vous n'en avez pas déjà un.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E2. Rendez-vous sur le site que vous venez de créer (ou que vous avez déjà) et cliquez sur le bouton \"plus\" (en haut à droite)\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E3. Cliquer sur \"Gérer le site\".\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-6vW0K_kl9ns\/UPZmZmYw4UI\/AAAAAAAAFJU\/yxBBcH-nN4E\/s1600\/gerer-le-site-sur-google-site.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Gérer le site sur Google sites\" border=\"0\" height=\"406\" src=\"http:\/\/3.bp.blogspot.com\/-6vW0K_kl9ns\/UPZmZmYw4UI\/AAAAAAAAFJU\/yxBBcH-nN4E\/s640\/gerer-le-site-sur-google-site.png\" title=\"Gérer le site sur Google sites\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E4. Sur la colonne gauche de la nouvelle page, cliquez sur \"Pièces jointes\".\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-Llcxsi19w9k\/UPZmz30R7zI\/AAAAAAAAFJc\/z_5XrtvBqA4\/s1600\/selectionner-pieces-jointes.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Afficher pièces jointes sur Google sites\" border=\"0\" height=\"242\" src=\"http:\/\/3.bp.blogspot.com\/-Llcxsi19w9k\/UPZmz30R7zI\/AAAAAAAAFJc\/z_5XrtvBqA4\/s640\/selectionner-pieces-jointes.png\" title=\"Afficher pièces jointes sur Google sites\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E5. Pour uploader vos fichiers, il vous suffira de cliquer sur le bouton \"Importer\", de choisir dans votre ordinateur le fichier à importer, puis de laisser le temps à google sites de l'importer.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-csE0vTBDOf0\/UPZnNrYPXZI\/AAAAAAAAFJk\/rV2eIIQ_65k\/s1600\/importer-fichier-sur-google-site.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Importer fichiers sur Google sites\" border=\"0\" height=\"226\" src=\"http:\/\/3.bp.blogspot.com\/-csE0vTBDOf0\/UPZnNrYPXZI\/AAAAAAAAFJk\/rV2eIIQ_65k\/s640\/importer-fichier-sur-google-site.png\" title=\"Importer fichiers sur Google sites\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E6. Votre fichier ayant été importé, vous pouvez en récuperer le lien direct en faisant un clic droit sur l'url \"Afficher\" qui se trouve juste en dessous du nom de votre fichier. Faites donc un clic droit puis cliquez sur \"Copier l'adresse du lien\".\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous aurez quelque chose comme cette url :\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003Ehttps:\/\/sites.google.com\/site\/rodneysankinka2\/user_red.png\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003E?attredirects=0\u003C\/span\u003E\u003C\/b\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EEffacez la partie \u003Cb\u003E?attredirects=0\u003C\/b\u003E afin qu'aucune redirection ne soit faite et conservez l'url dans un fichier texte pour une future utilisation.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVoilà, maintenant vous aussi vous savez \u003Cb\u003Ecomment héberger vos fichiers sur Google sites\u003C\/b\u003E.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E@+\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/2421799283228714122\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/comment-heberger-fichiers-google-sites.html#comment-form","title":"15 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/2421799283228714122"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/2421799283228714122"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/comment-heberger-fichiers-google-sites.html","title":"Comment héberger vos fichiers sur Google sites"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-6vW0K_kl9ns\/UPZmZmYw4UI\/AAAAAAAAFJU\/yxBBcH-nN4E\/s72-c\/gerer-le-site-sur-google-site.png","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-6012726952431094193"},"published":{"$t":"2012-05-03T05:35:00.004+01:00"},"updated":{"$t":"2014-02-01T04:44:39.016+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Ajouter un lecteur mp3 sur Blogger"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003EAjouter un lecteur mp3 sur son blog hébergé par Blogger afin de faire écouter ses musiques favorites ou une émission à ses lecteurs est peut être l'une des choses que souhaitent beaucoup des blogueurs. C'est pourquoi je voudrais vous montrer ici un moyen très simple pour installer (ajouter) un lecteur mp3 sur blogger.\u003Cbr \/\u003E\u003Cbr \/\u003ELE SITE MIXPOD AYANT NETANT PLUS ACTIF VEUILLEZ VOUS RENDREZ SUR CET ARTICLE POUR VOIR \u003Cb\u003E\u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2013\/01\/comment-ajouter-lecteur-mp3-musique-blog.html\"\u003ECOMMENT METTRE UN LECTEUR MP3 SUR VOTRE BLOG\u003C\/a\u003E\u003C\/b\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ccenter\u003E\u003Cembed bgcolor=\"222222\" border=\"0\" flashvars=\"mycolor=222222\u0026amp;mycolor2=77ADD1\u0026amp;mycolor3=FFFFFF\u0026amp;autoplay=false\u0026amp;rand=0\u0026amp;f=4\u0026amp;vol=100\u0026amp;pat=0\u0026amp;grad=false\" height=\"311\" name=\"myflashfetish\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" quality=\"high\" salign=\"TL\" src=\"http:\/\/assets.mixpod.com\/swf\/mp3\/mixpod.swf?myid=88742809\u0026amp;path=2012\/05\/02\" style=\"height: 311px; visibility: visible; width: 410px;\" type=\"application\/x-shockwave-flash\" width=\"410\" wmode=\"window\"\u003E\u003C\/embed\u003E\u003Cbr \/\u003E\u003Ca href=\"http:\/\/www.mixpod.com\/playlist\/88742809\"\u003E\u003Cimg alt=\"Music\" border=\"0\" src=\"http:\/\/assets.mixpod.com\/images\/btn2-tracks.gif\" title=\"Get Music Tracks!\" \/\u003E\u003C\/a\u003E\u003Ca href=\"http:\/\/www.mixpod.com\/\" target=\"_blank\"\u003E\u003Cimg alt=\"Playlist\" border=\"0\" src=\"http:\/\/assets.mixpod.com\/images\/btn2-create.gif\" title=\"Create Your Free Playlist!\" \/\u003E\u003C\/a\u003E\u003Ca href=\"http:\/\/www.mixpod.com\/user\/23723932\"\u003E\u003Cimg alt=\"View Profile\" border=\"0\" src=\"http:\/\/assets.mixpod.com\/images\/btn2-profile.gif\" title=\"View all my playlists!\" \/\u003E\u003C\/a\u003E\u003Cbr \/\u003ECreate a \u003Ca href=\"http:\/\/mixpod.com\/\"\u003Eplaylist\u003C\/a\u003E at \u003Ca href=\"http:\/\/mixpod.com\/\"\u003EMixPod.com\u003C\/a\u003E\u003C\/center\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EVoici les étapes à suivre pour avoir un lecteur mp3 sur votre blog et faire écouter de la musique ou une émission à vos lecteurs :\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E1. Créer un compte chez \u003Ca href=\"http:\/\/www.mixpod.com\/\" rel=\"nofollow\"\u003EMixpod\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E2. Le compte étant créer, aller sur \"Create a playlist\" (1). Là vous avez la possibilité de rechercher les chansons que vous voulez ajouter à votre lecteur mp3 grâce à une barre de recherche très efficace (2). Il vous suffira ensuite de cliquer sur le \"+\" à côté des titres que vous voulez ajouter (3) pour que ceux-ci soient intégrés à votre lecteur mp3.\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-qBcsvEq56Cc\/T6IDOcL2X-I\/AAAAAAAAEls\/OFuJSQAlY_U\/s1600\/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"ajouter un lecteur mp3 sur Blogger\" border=\"0\" height=\"330\" src=\"http:\/\/4.bp.blogspot.com\/-qBcsvEq56Cc\/T6IDOcL2X-I\/AAAAAAAAEls\/OFuJSQAlY_U\/s640\/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png\" title=\"ajouter un lecteur mp3 sur Blogger\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E3. Quand vous aurez fini d'ajouter les titres que vous souhaitez à votre lecteur mp3, vous pouvez en changer l'apparence en allant sur \"Customize\" (4).\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-M7eWH1qr_6k\/T6II0V7Yn0I\/AAAAAAAAEmI\/QlEJ7_cp0iI\/s1600\/changer+apparence+lecteur+mp3+mixpod.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"installer un lecteur mp3 sur Blogger\" border=\"0\" height=\"318\" src=\"http:\/\/3.bp.blogspot.com\/-M7eWH1qr_6k\/T6II0V7Yn0I\/AAAAAAAAEmI\/QlEJ7_cp0iI\/s640\/changer+apparence+lecteur+mp3+mixpod.png\" title=\"installer un lecteur mp3 sur Blogger\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous pouvez notamment changer l'apparence (skin), les couleurs et styles (colors \u0026amp; styles) ainsi que les paramètres.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E4. Allez ensuite sur \"Save Playlist\" (5) et nommez la playlist \u0026nbsp;de votre lecteur mp3 (6), donnez-la une description (7), choisissez le genre pour la musique que vous avez ajouté (8), choisissez une catégorie (9) et sauvegardez pour avoir le code (10).\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-kX-j5MIFNQ8\/T6IDS9AxiyI\/AAAAAAAAEl0\/w4C_MbXzy_U\/s1600\/installer+lecteur+mp3+sur+blogger.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"354\" src=\"http:\/\/4.bp.blogspot.com\/-kX-j5MIFNQ8\/T6IDS9AxiyI\/AAAAAAAAEl0\/w4C_MbXzy_U\/s640\/installer+lecteur+mp3+sur+blogger.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: justify;\"\u003E\u003Cspan style=\"text-align: -webkit-auto;\"\u003ENotez que vous pouvez aussi ajouter des mots clés à votre playlist (Playlist tags).\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: justify;\"\u003E\u003Cspan style=\"text-align: -webkit-auto;\"\u003E\u003Cbr \/\u003E\u003C\/span\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: justify;\"\u003E\u003Cspan style=\"text-align: -webkit-auto;\"\u003E5. Sur la nouvelle page qui va s'afficher après avoir sauvegardé les paramètres et la playlist de votre lecteur mp3, vous aurez la possibilité de choisir la plateforme où sera posté ledit lecteur mp3. Cliquez sur Blogger (11) et copiez le code html qui va s'afficher (12).\u003C\/span\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-Z0cz1tWcvuk\/T6IEEas9KDI\/AAAAAAAAEl8\/TNWVy6-3Jp0\/s1600\/copier+le+code+html+lecteur+mp3+blogger.png\" imageanchor=\"1\"\u003E\u003Cimg alt=\"copier code html lecteur mp3 pour Blogger\" border=\"0\" height=\"438\" src=\"http:\/\/3.bp.blogspot.com\/-Z0cz1tWcvuk\/T6IEEas9KDI\/AAAAAAAAEl8\/TNWVy6-3Jp0\/s1600\/copier+le+code+html+lecteur+mp3+blogger.png\" title=\"copier code html lecteur mp3 pour Blogger\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E6. Le code de votre lecteur mp3 pourra être installé dans un article ou dans un gadget HTML\/Javascript.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EC'est tout, grâce à ces simples étapes, vous aussi pouvez installer un lecteur mp3 sur votre blog hébergé par Blogger.\u003C\/div\u003E\u003Cbr \/\u003E@+"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/6012726952431094193\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/05\/lecteur-mp3-sur-blogger-musique.html#comment-form","title":"10 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/6012726952431094193"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/6012726952431094193"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/05\/lecteur-mp3-sur-blogger-musique.html","title":"Ajouter un lecteur mp3 sur Blogger"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-qBcsvEq56Cc\/T6IDOcL2X-I\/AAAAAAAAEls\/OFuJSQAlY_U\/s72-c\/ajouter+un+lecteur+mp3+sur+blogger+grace+%C3%A0+mixpod.png","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-5749693995874311361"},"published":{"$t":"2012-04-30T00:58:00.000+01:00"},"updated":{"$t":"2012-04-30T00:59:41.190+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"référencement"},{"scheme":"http://www.blogger.com/atom/ns#","term":"référencement naturel"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seo"}],"title":{"type":"text","$t":"Personnaliser la page \"erreur 404 page introuvable\" sur Blogger"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003EDans un précédent article, nous avions vu que Blogger nous offre maintenant la possibilité de \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/03\/parametrer-les-preferences-de-recherche.html\"\u003Eparamétrer les préférences de recherche pour nos blogs\u003C\/a\u003E. Parmi ces paramètres, nous avons la possibilité de\u003Cb\u003E personnaliser la page \"Erreur 404 page introuvable\"\u003C\/b\u003E.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-3E9nDiI6ryI\/T53Pl-oESJI\/AAAAAAAAEkY\/KjCSzkgme8Y\/s1600\/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"personnaliser la page erreur 404 page introuvable sur blogger\" border=\"0\" height=\"348\" src=\"http:\/\/1.bp.blogspot.com\/-3E9nDiI6ryI\/T53Pl-oESJI\/AAAAAAAAEkY\/KjCSzkgme8Y\/s640\/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png\" title=\"personnaliser la page erreur 404 page introuvable sur blogger\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ccenter\u003E\u003C\/center\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EJ'aimerais donc ici vous proposer quelques astuces et conseils pour personnaliser, d'une manière efficace et agréable, les pages \"Erreur 404 page introuvable\" sur lesquelles les visiteurs de votre blog peuvent tomber.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Ch2\u003E    1. Définition page\u0026nbsp;\u0026nbsp;\"Erreur 404 page introuvable\"\u003C\/h2\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EC'est quoi l'Erreur 404 et quand est-ce que la fameuse page\u0026nbsp;\"Erreur 404 page introuvable\"\u0026nbsp;peut-elle s'afficher sur votre blog ?\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESur \u003Ca href=\"http:\/\/fr.wikipedia.org\/wiki\/Erreur_HTTP_404\" rel=\"nofollow\"\u003EWikipédia\u003C\/a\u003E, on apprend que \"L’erreur 404 est un code d’erreur dans le protocole HTTP1. Ce code est renvoyé par un serveur HTTP pour indiquer que la ressource demandée (généralement une page web) n’existe pas. Certains navigateurs web affichent alors le message « 404 File Not Found » (de l’anglais signifiant « fichier non trouvé ») à destination de l’internaute.\"\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EUn visiteur de votre blog peut tomber sur une page du type\u0026nbsp;« 404 File Not Found » s'il a mal saisi l'url de la page à laquelle il voulait accéder sur la barre d'adresse de son navigateur, si l'article qu'il voulait lire avait été effacé par vous, s'il y a eu erreur d'url d'un site tiers ayant établi un lien vers le votre ou encore si vous même avez mal écrit l'url de l'article de votre blog auquel vous faites référence.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Ch2\u003E    2. Personnalisation de base de la \u0026nbsp;page\u0026nbsp;\"Erreur 404 page introuvable\" sur Blogger\u003C\/h2\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous pouvez personnaliser la page \"Erreur 404 page introuvable\", en vous\u0026nbsp;connectant sur votre compte Blogger et en allant sur \"Paramètres\", puis sur \"Préférences de recherche\".\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv align=\"justify\" style=\"background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;\"\u003E\u003Ca href=\"http:\/\/lh3.ggpht.com\/-vkwAG9CGXvA\/T3B3jdnpWVI\/AAAAAAAAEJ4\/lESygs5D5rI\/pr%2525C3%2525A9f%2525C3%2525A9rences%252520de%252520recherches%252520sur%252520blogger%252520blogspot%25255B2%25255D.png?imgmax=800\" style=\"color: #0a7fc6; text-decoration: none;\"\u003E\u003Cimg alt=\"préférences de recherches sur blogger blogspot\" border=\"0\" height=\"230\" src=\"http:\/\/lh5.ggpht.com\/-RtiO3IjP-dc\/T3B3seyrAoI\/AAAAAAAAEKA\/1TLOg8h48ns\/pr%2525C3%2525A9f%2525C3%2525A9rences%252520de%252520recherches%252520sur%252520blogger%252520blogspot_thumb.png?imgmax=800\" style=\"background-image: none; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;\" title=\"préférences de recherches sur blogger blogspot\" width=\"203\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv align=\"justify\" style=\"background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EEn cliquant sur \"Préférences de recherche\", dans la deuxième section il est proposé de paramétrer les \"Erreurs et\u0026nbsp;redirections\". Cliquez sur \"Modifier\" pour \"Page introuvable personnalisée\".\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-cCsBcd3Slic\/T50v_J6n8TI\/AAAAAAAAEjg\/QTTQh2TFXU4\/s1600\/personnaliser+la+page+404+page+introuvable+sur+blogger.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"192\" src=\"http:\/\/3.bp.blogspot.com\/-cCsBcd3Slic\/T50v_J6n8TI\/AAAAAAAAEjg\/QTTQh2TFXU4\/s640\/personnaliser+la+page+404+page+introuvable+sur+blogger.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EC'est dans la case qui va s'afficher que vous pourrez mettre votre message aux visiteurs qui tombent sur les pages 404. Vous pouvez même intégrer du html et des images pour rendre la page introuvable agréable et non frustrante pour les visiteurs.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-Ud2WlC4c-WM\/T50v9SQxQGI\/AAAAAAAAEjY\/Rhs9Givy-p0\/s1600\/personnaliser+404+page+introuvable+sur+blogger+param%C3%A8tres.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"251\" src=\"http:\/\/3.bp.blogspot.com\/-Ud2WlC4c-WM\/T50v9SQxQGI\/AAAAAAAAEjY\/Rhs9Givy-p0\/s640\/personnaliser+404+page+introuvable+sur+blogger+param%C3%A8tres.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Ch2\u003E    3. Bonnes pratiques pour aménager la page 404\u003C\/h2\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESur le site Atelier Informatique, Jean baptiste nous donne ces \u003Ca href=\"http:\/\/www.atelier-informatique.org\/creation-de-site\/la-page-404-a-optimiser-pour-profiter-de-lerreur\/1359\/\"\u003E5 conseils pour optimiser la page 404 et profiter de l'erreur\u003C\/a\u003E :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003E1. Une page 404 devrait reprendre le design de votre site internet\u003C\/b\u003E \u003C\/span\u003E: En personnalisant cette page dans les paramètres Blogger, vous êtes déjà sûr que cette page va reprendre le design de votre blog\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E2. Permettre une recherche :\u003C\/span\u003E\u003C\/b\u003E\u0026nbsp;Grâce à une barre de recherche intégrée à cette page.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E3. Donner à vos lecteurs des liens et des conseils utiles\u003C\/span\u003E\u003C\/b\u003E : \u003Cspan style=\"color: #783f04;\"\u003Esi la page n’existe plus, il peut être opportun de donner à vos lecteurs des liens vers les grands thèmes de votre site, \u0026nbsp;mettre en avant les pages populaires de votre site.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003E4. Donner la possibilité à vos lecteurs de vous remonter l’information\u003C\/span\u003E\u003C\/b\u003E :\u003Cspan style=\"color: #783f04;\"\u003E un petit formulaire est une bonne approche (signaler un lien mort par exemple). On fait passer le lecteur d’un mode passif où il subit à un mode actif où il vous informe.\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EVous pouvez créer \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2007\/06\/votre-propre-formulaire-de-contact-sur.html\"\u003Eun formulaire de contact pour votre blog grâce à Contactify\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003E5. Présenter vos excuses, traiter ce problème avec humour\u003C\/b\u003E\u0026nbsp;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch2\u003E    4. Personnalisation avancée de la page introuvable\u003C\/h2\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EMaintenant que nous savons ce qu'est ce une erreur 404, les raisons qui font qu'une page 404 s'affiche sur votre blog, les étapes de base à suivre pour personnaliser la page introuvable sur Blogger ainsi que les bonnes pratiques pour aménager ladite page, voyons quelques astuces pour une personnalisation plus avancée de cette fameuse page.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Ch4\u003E    A. Donner un titre à la page 404\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous pouvez personnaliser le titre de la page 404 introuvable de votre blog, en ajoutant la balise suivante dans le code html de votre blog, \u0026nbsp;juste après la balise\u0026nbsp;\u0026nbsp;\u0026lt;head\u0026gt; (5ème ligne au début du code html du modèle de votre blog)\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u0026lt;b:if cond='data:blog.pageType == \"error_page\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;title\u0026gt;Page non trouvée\u0026lt;\/title\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous pouvez carrément remplacer la ligne suivante :\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u0026lt;title\u0026gt;\u0026lt;data:blog.pageTitle\/\u0026gt;\u0026lt;\/title\u0026gt;\u003C\/pre\u003E\u003Cspan style=\"text-align: justify;\"\u003Epar le code ci-après :\u0026nbsp;\u003C\/span\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u0026lt;b:if cond='data:blog.pageType == \"error_page\"'\u0026gt;\u003Cbr \/\u003E\u0026lt;title\u0026gt;Page non trouvée\u0026lt;\/title\u0026gt;\u003Cbr \/\u003E\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\u0026lt;title\u0026gt;\u0026lt;data:blog.pageTitle\/\u0026gt;\u0026lt;\/title\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/pre\u003E\u003Cbr \/\u003E\u003Ch4\u003E    \u003Cb\u003EB. Changer le cadre d'affichage du message de la page 404\u003C\/b\u003E\u003C\/h4\u003E\u003Cdiv style=\"text-align: justify;\"\u003ENormalement, après avoir paramétré votre page introuvable, le message que vous avez conçu s'affichera dans le cadre appelé \"Message d'état\" (Statut-message), le même cadre que celui où s'affiche les messages des pages libellés.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/_hrhg1n2KA3Y\/R2QCzZddmTI\/AAAAAAAAA5E\/jfGHxNULH2I\/s1600\/status-message.JPG\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"\" border=\"0\" id=\"BLOGGER_PHOTO_ID_5144239756394993970\" src=\"http:\/\/1.bp.blogspot.com\/_hrhg1n2KA3Y\/R2QCzZddmTI\/AAAAAAAAA5E\/jfGHxNULH2I\/s400\/status-message.JPG\" style=\"background-color: white; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-GqKvIrhfssQ\/T502VraNA2I\/AAAAAAAAEjs\/GbVKzU1YeA0\/s1600\/message+personnalis%C3%A9e+de+la+page+404+dans+la+status+barre.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"message personnalisée de la page 404 dans le cadre des messages d'état sur blogger\" border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-GqKvIrhfssQ\/T502VraNA2I\/AAAAAAAAEjs\/GbVKzU1YeA0\/s1600\/message+personnalis%C3%A9e+de+la+page+404+dans+la+status+barre.png\" title=\"message personnalisée de la page 404 dans le cadre des messages d'état sur blogger\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr class=\"Apple-interchange-newline\" \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVous pouvez faire que le message de la page 404 ne s'affiche pas dans le cadre des Messages d'état, en ajoutant ce code offert par \u003Ca href=\"http:\/\/www.bloggerplugins.org\/2012\/03\/custom-404-error-pages-for-blogger.html\"\u003EBlogger pluggin\u003C\/a\u003E dans votre modèle, juste après la balise\u0026nbsp;\u0026nbsp;\u0026lt;head\u0026gt; \u0026nbsp;:\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u0026lt;b:if cond='data:blog.pageType == \u0026amp;quot;error_page\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E.status-msg-wrap {\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; font-size: 100%;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; margin: none;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; position: static;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; width: 100%;\u003Cbr \/\u003E}\u003Cbr \/\u003E.status-msg-border {\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; display:none\u003Cbr \/\u003E}\u003Cbr \/\u003E.status-msg-body {\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; padding: none;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; position: static;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; text-align: inherit;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; width: 100%;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; z-index: auto;\u003Cbr \/\u003E}\u003Cbr \/\u003E.status-msg-wrap a {\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; padding: none;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; text-decoration: inherit;\u003Cbr \/\u003E}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003ELe résultat devrait être similaire à celui-ci :\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-6qricr3CzSM\/T504dxsaVmI\/AAAAAAAAEj0\/XHI9FFJa8R4\/s1600\/message+personnalis%C3%A9e+de+la+page+404+hors+du+cadre+des+messages+d'%C3%A9tat.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"message personnalisée de la page 404 hors du cadre des messages d'état sur blogger\" border=\"0\" height=\"293\" src=\"http:\/\/1.bp.blogspot.com\/-6qricr3CzSM\/T504dxsaVmI\/AAAAAAAAEj0\/XHI9FFJa8R4\/s640\/message+personnalis%C3%A9e+de+la+page+404+hors+du+cadre+des+messages+d'%C3%A9tat.png\" title=\"message personnalisée de la page 404 hors du cadre des messages d'état sur blogger\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Ch4\u003E    C. Masquer certains éléments de votre blog sur la page introuvable\u0026nbsp;\u003C\/h4\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003C\/div\u003EVous pouvez aussi vous amuser à masquer certains éléments de votre blog sur la page introuvable. Ce bout de code offert par\u0026nbsp;Prayag Verma de \u003Ca href=\"http:\/\/www.stylifyyourblog.com\/2012\/03\/30-custom-404-pages-for-blogger.html\"\u003EStylify your blog\u003C\/a\u003E peut vous être utile dans ce cas :\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;style type=\"text\/css\" \u0026gt;\u003Cbr \/\u003Ebody {background:white url('\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-ODAyD5JasIA\/T3SaBjtBZWI\/AAAAAAAADc4\/Z0OOdsACbT4\/s1600\/10.PNG\u003C\/span\u003E\u003C\/b\u003E') \u0026nbsp;50% 0% no-repeat !important;z-index:10000000;}\u003Cbr \/\u003E.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}\u003Cbr \/\u003Ebody {min-width: 0px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003EDans le code ci-haut, il est indiqué que soient cachés :\u003Cbr \/\u003E\u003Cbr \/\u003E- La colonne de droite : .sidebar\u003Cbr \/\u003E- Le pied de page : footer\u003Cbr \/\u003E- Le dessus du pied de page : footer-top\u003Cbr \/\u003E- L'entête : header\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003EIl est possible que ces éléments soient nommés différemment dans le modèle de votre blog. Mais grâce à ce bout de code, vous savez comment vous pouvez retrancher certains éléments de votre page introuvable.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EBon, pour finir, vous pouvez aller jeter un coup d'oeil à \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2007\/05\/table-des-matirees.html\" rel=\"nofollow\"\u003Eune page introuvable de Blogger au bout du doigt\u003C\/a\u003E. Et voici le code utilisé pour parvenir au résultat que vous allez voir (j'ai mis en bleu les éléments que vous pouvez modifier afin d'harmoniser avec votre blog : image, url page table des matières, url du blog et url du \u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2007\/06\/votre-propre-formulaire-de-contact-sur.html\"\u003Eformulaire de contact\u003C\/a\u003E) :\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;div class=\"404\" style=\"text-align:center\"\u0026gt; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u003Cbr \/\u003E\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;img src=\"\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/4.bp.blogspot.com\/-m5Qab4VjpNc\/T53H5E9CHvI\/AAAAAAAAEkM\/UJuWd35XOVw\/s320\/404.png\u003C\/span\u003E\" alt=\"Page introuvable\"\/\u0026gt; \u0026nbsp; \u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;h3\u0026gt;La page que vous cherchez n'a pas été trouvée\u0026lt;\/h3\u0026gt;\u003Cbr \/\u003E\u0026lt;p\u0026gt;Désolé, mais nous n'avons pas pu trouver la page que vous cherchez. Elle a peut être été effacée, modifiée ou remis temporairement en brouillon.\u0026lt;br\/\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026lt;p\u0026gt;Veuillez vérifier que vous avez bien écrit l'url de la page.\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026lt;b\u0026gt;ou vous pouvez encore essayer ceci :\u0026lt;\/b\u0026gt;\u0026lt;br\/\u0026gt;\u003Cbr \/\u003E\u0026lt;ul\u0026gt;\u003Cbr \/\u003E\u0026lt;p\u0026gt;\u0026lt;li\u0026gt;Allez à la \u0026lt;a href=\"\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/blogger-au-bout-du-doigt.blogspot.com\/2007\/05\/table-des-matires.html\u003C\/span\u003E\u003C\/b\u003E\"\u0026gt;Table des matières\u0026lt;\/a\u0026gt; du blog, et vérifier que l'article s'y trouve.\u0026lt;\/li\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u0026gt;Utilisez le formulaire de recherche suivant pour rechercher ledit article\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\u0026lt;li\u0026gt;\u003Cbr \/\u003E\u0026lt;form action='http:\/\/blogsearch.google.com\/blogsearch' method='get'\u0026gt;\u003Cbr \/\u003E\u0026lt;input maxlength='255' name='as_q' size='30' type='text' value=''\/\u0026gt;\u003Cbr \/\u003E\u0026lt;input name='bl_url' type='hidden' value='\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/blogger-au-bout-du-doigt.blogspot.com\u003C\/span\u003E\/\u003C\/b\u003E'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;input name='btnG' type='submit' value='Chercher '\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\u0026lt;p\u0026gt;\u0026lt;li\u0026gt;Me signaler le problème via ce \u0026lt;a href=\"\u003Cspan style=\"color: blue;\"\u003E\u003Cb\u003Ehttp:\/\/www.contactify.com\/991c4\u003C\/b\u003E\u003C\/span\u003E\"\u0026gt; formulaire de contact\u0026lt;\/a\u0026gt;.\u0026lt;\/li\u0026gt;\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E@+\u003Cbr \/\u003E\u003Cbr \/\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/5749693995874311361\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/personnaliser-page-erreur-404.html#comment-form","title":"8 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/5749693995874311361"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/5749693995874311361"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/personnaliser-page-erreur-404.html","title":"Personnaliser la page \"erreur 404 page introuvable\" sur Blogger"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-3E9nDiI6ryI\/T53Pl-oESJI\/AAAAAAAAEkY\/KjCSzkgme8Y\/s72-c\/page+erreur+404+introuvable+personnalis%C3%A9e+de+Blogger+au+bout+du+doigt.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-7947383588457799029"},"published":{"$t":"2012-04-16T17:35:00.000+01:00"},"updated":{"$t":"2014-02-01T04:44:39.050+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Newsletter"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Afficher un pop-up avec option d'abonnement sur Blogger"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003EÊtes-vous déjà tombé sur un site ou blog qui affiche un pop-up vous proposant de vous abonner à celui-ci ? Je crois que la réponse doit-être oui.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESachez que si vous avez envie de faire la même avec votre blog hébergé sur Blogger, ce n'est pas impossible. Quelques codes (html et css) fournit par Visal Chum de \u003Ca href=\"http:\/\/www.thebloggerdesign.com\/2012\/02\/make-subscription-pop-up.html\"\u003EThe Blogger Design\u0026nbsp;\u003C\/a\u003Eet le tour sera joué. \u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-8q0jQ-LG3J8\/T4xJL83uvOI\/AAAAAAAAEVo\/rpmfA-TqMXA\/s1600\/afficher+une+pop-up+avec+option+d'abonnement+%C3%A0+l'ouverture+de+votre+blog.png\" imageanchor=\"1\"\u003E\u003Cimg border=\"0\" height=\"297\" src=\"http:\/\/2.bp.blogspot.com\/-8q0jQ-LG3J8\/T4xJL83uvOI\/AAAAAAAAEVo\/rpmfA-TqMXA\/s640\/afficher+une+pop-up+avec+option+d'abonnement+%C3%A0+l'ouverture+de+votre+blog.png\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EVoici les étapes à suivre afin de réaliser cette petite prouesse :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E1. Connectez vous à votre compte blogger, cliquez sur “Modèle” pour le blog où vous allez ajouter la fonctionnalité. Sur la page qui va s’afficher, cliquez sur “Modifier le code html” puis sur “Traiter”. Cochez ensuite sur “Développer les modèles de Gadgets”.\u003Cbr \/\u003E\u003Cbr \/\u003E2. Trouvez la balise suivante:\u0026nbsp;\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E3. Mettez le code css suivant juste avant la balise ci-haut :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E#popupContactClose{\u003Cbr \/\u003Ecursor: pointer;\u003Cbr \/\u003Etext-decoration:none;\u003Cbr \/\u003E}\u003Cbr \/\u003E#backgroundPopup{\u003Cbr \/\u003Edisplay:none;\u003Cbr \/\u003Eposition:fixed;\u003Cbr \/\u003E_position:absolute; \/* hack for internet explorer 6*\/\u003Cbr \/\u003Eheight:100%;\u003Cbr \/\u003Ewidth:100%;\u003Cbr \/\u003Etop:0;\u003Cbr \/\u003Eleft:0;\u003Cbr \/\u003Ebackground:#000000;\u003Cbr \/\u003Eborder:1px solid #cecece;\u003Cbr \/\u003Ez-index:1;\u003Cbr \/\u003E}\u003Cbr \/\u003E#popupContact{\u003Cbr \/\u003Edisplay:none;\u003Cbr \/\u003Eposition:fixed;\u003Cbr \/\u003E_position:absolute; \/* hack for internet explorer 6*\/\u003Cbr \/\u003Eheight:300px;\u003Cbr \/\u003Ewidth:408px;\u003Cbr \/\u003Ebackground:#FFFFFF;\u003Cbr \/\u003Eborder:2px solid #cecece;\u003Cbr \/\u003Ez-index:2;\u003Cbr \/\u003Epadding:12px;\u003Cbr \/\u003Efont-size:13px;\u003Cbr \/\u003E}\u003Cbr \/\u003E#popupContact h1{\u003Cbr \/\u003Etext-align:left;\u003Cbr \/\u003Ecolor:#6FA5FD;\u003Cbr \/\u003Efont-size:22px;\u003Cbr \/\u003Efont-weight:700;\u003Cbr \/\u003Eborder-bottom:1px dotted #D3D3D3;\u003Cbr \/\u003Epadding-bottom:2px;\u003Cbr \/\u003Emargin-bottom:20px;\u003Cbr \/\u003E}\u003Cbr \/\u003E#popupContactClose{\u003Cbr \/\u003Efont-size:14px;\u003Cbr \/\u003Eline-height:14px;\u003Cbr \/\u003Eright:6px;\u003Cbr \/\u003Etop:4px;\u003Cbr \/\u003Eposition:absolute;\u003Cbr \/\u003Ecolor:#6fa5fd;\u003Cbr \/\u003Efont-weight:700;\u003Cbr \/\u003Edisplay:block;\u003Cbr \/\u003E}\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E4. Trouvez maintenant le code suivant :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u0026nbsp;\u0026lt;\/body\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E5. Mettez le code suivant juste avant la balise\u0026nbsp; \u0026lt;\/body\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u0026nbsp;\u0026lt;div id=\"popupContact\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;a id=\"popupContactClose\"\u0026gt;x\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;h1\u0026gt;\u003Cb\u003EMettez le titre de votre pop-up ici\u003C\/b\u003E\u0026lt;\/h1\u0026gt;\u003Cbr \/\u003E\u0026lt;p id=\"contactArea\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cb\u003EMettez le contenu de votre pop-up ici\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;div id=\"backgroundPopup\"\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003EPour le contenu de votre pop-up, vous pouvez mettre le code HTML de Feedburner pour l'inscription à votre newsletter ou simplement l'utiliser pour autre chose.\u003Cbr \/\u003E\u003Cbr \/\u003EJe vous donne en exemple ce que j'ai fait pour Blogger au bout du doigt où j'ai aussi ajouté la possibilité de \u0026nbsp;rejoindre la page de fan sur Facebook :\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-MXPmic6jCQ4\/T4xVFiWyfZI\/AAAAAAAAEVw\/PiG3eAl_MKc\/s1600\/pop-up+abonnement+et+facebook+sur+blogger.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-MXPmic6jCQ4\/T4xVFiWyfZI\/AAAAAAAAEVw\/PiG3eAl_MKc\/s1600\/pop-up+abonnement+et+facebook+sur+blogger.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;div id=\"popupContact\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;a id=\"popupContactClose\"\u0026gt;x\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\u0026lt;h1\u0026gt;\u003Cspan style=\"text-align: left;\"\u003E\u0026lt;center\u0026gt;\u003C\/span\u003E\u003Cb\u003EAbonnez-vous à ce blog\u003C\/b\u003E\u003Cspan style=\"text-align: left;\"\u003E\u0026lt;\/center\u0026gt;\u003C\/span\u003E\u0026lt;\/h1\u0026gt;\u003Cbr \/\u003E\u0026lt;p id=\"contactArea\"\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;form action=\"http:\/\/feedburner.google.com\/fb\/a\/mailverify\" method=\"post\" target=\"popupwindow\" onsubmit=\"window.open('http:\/\/feedburner.google.com\/fb\/a\/mailverify?uri=\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBloggerAuBoutDuDoigt\u003C\/span\u003E\u003C\/b\u003E', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\"\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u003Cbr \/\u003E\u0026lt;iframe style=\"border-bottom: medium none; border-left: medium none; width: 292px; height: 70px; overflow: hidden; border-top: medium none; border-right: medium none\" src=\"\/\/www.facebook.com\/plugins\/likebox.php?href=\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Ehttp:\/\/www.facebook.com\/pages\/Blogger-au-bout-du-doigt\/206699899069\u003C\/span\u003E\u003C\/b\u003E\u0026amp;amp;width=292\u0026amp;amp;height=70\u0026amp;amp;colorscheme=light\u0026amp;amp;show_faces=false\u0026amp;amp;border_color\u0026amp;amp;stream=false\u0026amp;amp;header=false\u0026amp;amp;appId=214975651918972\" frameborder=\"0\" allowtransparency=\"allowtransparency\" scrolling=\"no\"\u0026gt;\u0026lt;\/iframe\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;p\u0026gt;\u0026lt;b\u0026gt;Rejoignez les \u0026lt;\/b\u0026gt;\u0026lt;a href=\"http:\/\/feeds.feedburner.com\/\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBloggerAuBoutDuDoigt\u003C\/span\u003E\u003C\/b\u003E\"\u0026gt;\u0026lt;img width=\"90\" style=\"border:0\" alt=\"\" src=\"http:\/\/feeds.feedburner.com\/~fc\/\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBloggerAuBoutDuDoigt\u003C\/span\u003E\u003C\/b\u003E?bg=CCCCCC\u0026amp;amp;fg=000000\u0026amp;amp;anim=0\u0026amp;amp;label=Abonnés\" height=\"26\" \/\u0026gt;\u0026lt;\/a\u0026gt; \u0026lt;b\u0026gt;de \u003Cb\u003E\u003Cspan style=\"color: #274e13;\"\u003EBlogger au bout du doigt\u003C\/span\u003E\u003C\/b\u003E\u0026lt;\/b\u0026gt;\u0026lt;\/p\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;center\u0026gt;\u0026lt;input class='follow-by-email-address' name='email' placeholder='Mettez votre Email ici ...' type='text'\/\u0026gt;\u0026lt;\/center\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;p\u0026gt;\u0026lt;center\u0026gt;\u0026lt;b\u0026gt;Votre adresse Email ne sera pas divulguée. Nous aussi nous détestons les spams.\u0026lt;\/b\u0026gt;\u0026lt;\/center\u0026gt;\u0026lt;\/p\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;input name='uri' type='hidden' value='\u003Cb\u003E\u003Cspan style=\"color: blue;\"\u003EBloggerAuBoutDuDoigt\u003C\/span\u003E\u003C\/b\u003E'\/\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;input name='loc' type='hidden' value='fr_FR'\/\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026nbsp;\u0026lt;p\u0026gt;\u0026lt;center\u0026gt;\u0026lt;input class='follow-by-email-submit' type='submit' value='Je rejoins'\/\u0026gt; \u0026lt;\/center\u0026gt;\u0026lt;\/p\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: left;\"\u003E\u0026lt;\/form\u0026gt;\u003C\/div\u003E\u003Cbr \/\u003E\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u0026lt;div id=\"backgroundPopup\"\u0026gt;\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cbr \/\u003EDans le code ci-haut, il suffit de changer l'identifiant en bleu par celui de votre blog sur Feedburner, l'url en rouge par celle de la page Facebook de votre blog et le nom en vert par le nom de votre blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E6. Trouvez la balise suivante :\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E7. Mettez ce code juste avant \u0026lt;\/head\u0026gt;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cpre style=\"background-color: #f2f2f2; orphans: 2; text-align: left; text-indent: 0px; widows: 2;\"\u003E\u003Cspan class=\"Apple-style-span\" style=\"font-family: Times, 'Times New Roman', serif;\"\u003E\u003Cspan class=\"Apple-style-span\"\u003E\u003Cpre\u003E\u003Cspan style=\"color: #333333; font-family: Times, 'Times New Roman', serif; font-size: xx-small;\"\u003E\u003Cspan style=\"line-height: 22px;\"\u003E\u0026lt;script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.5.0\/jquery.min.js' type='text\/javascript'\/\u0026gt;   \u003Cbr \/\u003E\u0026lt;script src='http:\/\/dinhquanghuy.110mb.com\/jquery.cookie.js' type='text\/javascript'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E     var popupStatus = 0;\u003Cbr \/\u003E\/\/this code will load popup with jQuery magic!\u003Cbr \/\u003Efunction loadPopup(){\u003Cbr \/\u003E    \/\/loads popup only if it is disabled\u003Cbr \/\u003E    if(popupStatus==0){\u003Cbr \/\u003E        $(\u0026amp;quot;#backgroundPopup\u0026amp;quot;).css({\u003Cbr \/\u003E            \u0026amp;quot;opacity\u0026amp;quot;: \u0026amp;quot;0.7\u0026amp;quot;\u003Cbr \/\u003E        });\u003Cbr \/\u003E        $(\u0026amp;quot;#backgroundPopup\u0026amp;quot;).fadeIn(\u0026amp;quot;slow\u0026amp;quot;);\u003Cbr \/\u003E        $(\u0026amp;quot;#popupContact\u0026amp;quot;).fadeIn(\u0026amp;quot;slow\u0026amp;quot;);\u003Cbr \/\u003E        popupStatus = 1;\u003Cbr \/\u003E    }\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\/\/This code will disable popup when click on x!\u003Cbr \/\u003Efunction disablePopup(){\u003Cbr \/\u003E    \/\/disables popup only if it is enabled\u003Cbr \/\u003E    if(popupStatus==1){\u003Cbr \/\u003E        $(\u0026amp;quot;#backgroundPopup\u0026amp;quot;).fadeOut(\u0026amp;quot;slow\u0026amp;quot;);\u003Cbr \/\u003E        $(\u0026amp;quot;#popupContact\u0026amp;quot;).fadeOut(\u0026amp;quot;slow\u0026amp;quot;);\u003Cbr \/\u003E        popupStatus = 0;\u003Cbr \/\u003E    }\u003Cbr \/\u003E}\u003Cbr \/\u003E\u003Cbr \/\u003E\/\/this code will center popup\u003Cbr \/\u003Efunction centerPopup(){\u003Cbr \/\u003E    \/\/request data for centering\u003Cbr \/\u003E    var windowWidth = document.documentElement.clientWidth;\u003Cbr \/\u003E    var windowHeight = document.documentElement.clientHeight;\u003Cbr \/\u003E    var popupHeight = $(\u0026amp;quot;#popupContact\u0026amp;quot;).height();\u003Cbr \/\u003E    var popupWidth = $(\u0026amp;quot;#popupContact\u0026amp;quot;).width();\u003Cbr \/\u003E    \/\/centering\u003Cbr \/\u003E    $(\u0026amp;quot;#popupContact\u0026amp;quot;).css({\u003Cbr \/\u003E        \u0026amp;quot;position\u0026amp;quot;: \u0026amp;quot;absolute\u0026amp;quot;,\u003Cbr \/\u003E        \u0026amp;quot;top\u0026amp;quot;: windowHeight\/2-popupHeight\/2,\u003Cbr \/\u003E        \u0026amp;quot;left\u0026amp;quot;: windowWidth\/2-popupWidth\/2\u003Cbr \/\u003E    });\u003Cbr \/\u003E    \/\/only need force for IE6    \u003Cbr \/\u003E    $(\u0026amp;quot;#backgroundPopup\u0026amp;quot;).css({\u003Cbr \/\u003E        \u0026amp;quot;height\u0026amp;quot;: windowHeight\u003Cbr \/\u003E    });\u003Cbr \/\u003E    \u003Cbr \/\u003E}\u003Cbr \/\u003E\/\/CONTROLLING EVENTS IN jQuery\u003Cbr \/\u003E$(document).ready(function(){\u003Cbr \/\u003E    if ($.cookie(\u0026amp;quot;anewsletter\u0026amp;quot;) != 1) {    \u003Cbr \/\u003E        \/\/centering with css\u003Cbr \/\u003E        centerPopup();\u003Cbr \/\u003E        \/\/load popup\u003Cbr \/\u003E        loadPopup();    \u003Cbr \/\u003E    }        \u003Cbr \/\u003E    \/\/CLOSING POPUP\u003Cbr \/\u003E    \/\/Click the x event!\u003Cbr \/\u003E    $(\u0026amp;quot;#popupContactClose\u0026amp;quot;).click(function(){\u003Cbr \/\u003E        disablePopup();\u003Cbr \/\u003E        $.cookie(\u0026amp;quot;anewsletter\u0026amp;quot;, \u0026amp;quot;1\u0026amp;quot;, { expires: \u003Cb\u003E7\u003C\/b\u003E });\u003Cbr \/\u003E    });\u003Cbr \/\u003E    \/\/Click out event!\u003Cbr \/\u003E    $(\u0026amp;quot;#backgroundPopup\u0026amp;quot;).click(function(){\u003Cbr \/\u003E        disablePopup();\u003Cbr \/\u003E        $.cookie(\u0026amp;quot;anewsletter\u0026amp;quot;, \u0026amp;quot;1\u0026amp;quot;, { expires: \u003Cb\u003E7\u003C\/b\u003E });\u003Cbr \/\u003E    });\u003Cbr \/\u003E    \/\/Press Escape event!\u003Cbr \/\u003E    $(document).keypress(function(e){\u003Cbr \/\u003E        if(e.keyCode==27 \u0026amp;amp;\u0026amp;amp; popupStatus==1){\u003Cbr \/\u003E            disablePopup();\u003Cbr \/\u003E            $.cookie(\u0026amp;quot;anewsletter\u0026amp;quot;, \u0026amp;quot;1\u0026amp;quot;, { expires: \u003Cb\u003E7\u003C\/b\u003E });\u003Cbr \/\u003E        }\u003Cbr \/\u003E    });\u003Cbr \/\u003E});\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\u003C\/pre\u003E\u003C\/span\u003E\u003C\/span\u003E\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E8. Enregistrez votre modèle et le tour est joué.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ENotez que dans le code de l'étape 7, il est indiqué que le pop-up ne puisse s'afficher qu'une fois tous les \u0026nbsp;7 jours. Vous pouvez modifier cela, en changeant les { expires: 7 } en { expires: 3 } ou en\u0026nbsp;{ expires: 20 }\u0026nbsp;afin que le pop-up ne s'affiche qu'une fois tous les 3 ou 20 jours pour chaque visiteur.\u003Cbr \/\u003E\u003Cbr \/\u003EAvec cette astuce, n'importe qui peut maintenant \u003Cb\u003Eafficher un pop-up avec option d'abonnement sur Blogger\u003C\/b\u003E.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E@+\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/7947383588457799029\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/afficher-pop-up-dabonnement-blogger.html#comment-form","title":"14 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/7947383588457799029"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/7947383588457799029"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/afficher-pop-up-dabonnement-blogger.html","title":"Afficher un pop-up avec option d'abonnement sur Blogger"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-8q0jQ-LG3J8\/T4xJL83uvOI\/AAAAAAAAEVo\/rpmfA-TqMXA\/s72-c\/afficher+une+pop-up+avec+option+d'abonnement+%C3%A0+l'ouverture+de+votre+blog.png","height":"72","width":"72"},"thr$total":{"$t":"14"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-6378460438979726756"},"published":{"$t":"2012-04-13T15:36:00.000+01:00"},"updated":{"$t":"2014-02-01T04:44:39.020+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Supprimer le gadget Fourni par Blogger - Attribution - de votre blog"},"content":{"type":"html","$t":"En commentaire à l'article \"\u003Ca href=\"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/cacher-le-gadget-fourni-par-blogger.html\"\u003ECacher le gagdet \"Fourni par Blogger\" (Attribution) de votre blog\u003C\/a\u003E\", Nicolette du blog \u003Ca href=\"http:\/\/www.cheveux-boucles.org\/\"\u003ECheveux bouclés\u003C\/a\u003E nous a partagée l'astuce pour \u003Cb\u003Esupprimer définitivement ce gadget \"Attribution\"\u003C\/b\u003E de nos blogs.\u003Cbr \/\u003E\u003Cbr \/\u003EPour supprimer le gadget \"Fourni par Blogger\" de son blog, il suffit d'aller dans le code html du modèle de celui-ci et de changer la valeur locked='true' en locked='fasle'.\u003Cbr \/\u003E\u003Cbr \/\u003ELe gadget attribution normal est comme ceci :\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; font-family: 'Courier New', Courier, Fixed; font-size: small; line-height: 20px; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cbr \/\u003E\u0026lt;b:widget id='Attribution1' \u003C\/span\u003E\u003Cspan style=\"color: red;\"\u003E\u003Cb\u003Elocked='true'\u003C\/b\u003E\u003C\/span\u003E\u003Cstrong style=\"color: blue;\"\u003E\u003Cspan style=\"color: red;\"\u003E \u003C\/span\u003E\u003C\/strong\u003E\u003Cspan style=\"color: blue;\"\u003E title='' type='Attribution'\/\u0026gt;\u003C\/span\u003E\u003C\/pre\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003EEn changeant la valeur de locked, de true à false, vous aurez le gadget avec cette forme finale :\u003Cdiv\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; font-family: 'Courier New', Courier, Fixed; font-size: small; line-height: 20px; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u003Cspan style=\"color: blue;\"\u003E\u003Cbr \/\u003E\u0026lt;b:widget id='Attribution1' \u003C\/span\u003E\u003Cb\u003E\u003Cspan style=\"color: red;\"\u003Elocked='false'\u003C\/span\u003E\u003C\/b\u003E\u003Cstrong style=\"color: blue;\"\u003E\u003Cspan style=\"color: red;\"\u003E \u003C\/span\u003E\u003C\/strong\u003E\u003Cspan style=\"color: blue;\"\u003E title='' type='Attribution'\/\u0026gt;\u003C\/span\u003E\u003C\/pre\u003E\u003Cdiv style=\"background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EIl est évident que si vous aviez déjà appliqué notre astuce pour cacher ce gadget Attribution, il vous faudra aussi effacer le \u003Cspan style=\"color: red;\"\u003Emobile='only'\u003C\/span\u003E que vous aviez ajouté, si et seulement si vous tenez à supprimer ce gadget.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EAprès avoir enregistré votre modèle avec ces changements, il vous suffira d'aller sur \"Mise en page\", de cliquer sur \"Modifier\" pour le gadget Attribution et vous verrez qu'il s'est ajouté la possibilité de supprimer le gadget Fourni par Blogger.\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-PWlbhZlBNj0\/T4g44F3hG2I\/AAAAAAAAETU\/1wHdxXqjVsw\/s1600\/supprimer+le+gadget+Fourni+par+Blogger+(attribution).png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/4.bp.blogspot.com\/-PWlbhZlBNj0\/T4g44F3hG2I\/AAAAAAAAETU\/1wHdxXqjVsw\/s320\/supprimer+le+gadget+Fourni+par+Blogger+(attribution).png\" width=\"312\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ECliquez sur le bouton \"\u003Cb\u003ESupprimer\u003C\/b\u003E\" et le tour est joué.\u0026nbsp;Vous ne verrez plus jamais affichée la mention \"\u003Cb\u003EFourni par Blogger\u003C\/b\u003E\" dans la version normale comme dans la version mobile de votre blog.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EUn grand merci à \u003Ca href=\"http:\/\/www.cheveux-boucles.org\/\"\u003ENicolette\u003C\/a\u003E pour cette astuce.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E@+\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/6378460438979726756\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/supprimer-le-gadget-fourni-par-blogger.html#comment-form","title":"21 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/6378460438979726756"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/6378460438979726756"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/supprimer-le-gadget-fourni-par-blogger.html","title":"Supprimer le gadget Fourni par Blogger - Attribution - de votre blog"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-PWlbhZlBNj0\/T4g44F3hG2I\/AAAAAAAAETU\/1wHdxXqjVsw\/s72-c\/supprimer+le+gadget+Fourni+par+Blogger+(attribution).png","height":"72","width":"72"},"thr$total":{"$t":"21"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-7523885791488211610"},"published":{"$t":"2012-04-13T13:00:00.000+01:00"},"updated":{"$t":"2014-02-01T04:44:39.037+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widget pour blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"widgets"}],"title":{"type":"text","$t":"Cacher le gadget \"Fourni par Blogger\" (Attribution) de votre blog"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003ELe gadget attribution qui affiche le message \"\u003Cb\u003EFourni par Blogger\u003C\/b\u003E\" est celui qui me contrarie le plus, de tous les gadgets fournis par Blogger, et ceci pour deux raisons : 1) Blogger nous empêche de l'effacer 2) Ce gadget attribution rappel aux visiteurs qu'ils ne sont que sur un blog, quand bien même vous avez mis votre propre nom de domaine et avez pris toutes les dispositions nécessaires pour le faire passer pour un site professionnel (hihihi).\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s1600\/cacher+le+gadget+fourni+par+Blogger.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"cacher le gadget fourni par Blogger (Attribution) de votre blog\" border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s1600\/cacher+le+gadget+fourni+par+Blogger.png\" title=\"cacher le gadget fourni par Blogger (Attribution) de votre blog\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EMême si Blogger nous empêche de supprimer ce gadget (Fourni par Blogger), il existe un moyen pour le cacher afin qu'il n'apparaisse pas sur votre blog.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EPour cela, il suffit de retrouver le \u003Cb\u003Egadget attribution\u003C\/b\u003E dans votre modèle et de lui ajouter un attribut afin qu'il soit plus affiché que sur la version mobile de votre blog.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u0026lt;b:widget id='Attribution1' locked='true'\u003Cstrong\u003E\u003Cspan style=\"color: red;\"\u003E \u003C\/span\u003E\u003C\/strong\u003E title='' type='Attribution'\/\u0026gt;\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003EEn ajoutant l'attribut\u0026nbsp;\u003Cstrong style=\"color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; text-align: left;\"\u003E\u003Cspan style=\"color: red;\"\u003Emobile='only'\u003C\/span\u003E\u003C\/strong\u003E, vous aurez le gadget attribution paramétré pour n'afficher le message \"Fourni par Blogger\" que sur la version mobile. Le résultat sera le suivant :\u0026nbsp;\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003C\/div\u003E\u003Cpre class=\"code\" style=\"background-attachment: initial; background-clip: initial; background-color: #f5f8fa; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-image: initial; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-family: 'Courier New', Courier, Fixed; font-size: small; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;\"\u003E\u0026lt;b:widget id='Attribution1' locked='true'\u003Cstrong\u003E\u003Cspan style=\"color: red;\"\u003E mobile='only'\u003C\/span\u003E\u003C\/strong\u003E title='' type='Attribution'\/\u0026gt;\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003ENous qui nous demandions comment ne plus avoir ce gadget sur son blog, nous avons là un début de solution : le cacher tout simplement le message \"\u003Cb\u003EFourni par Blogger\u003C\/b\u003E\" de la version normale.\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cbr \/\u003E\u003C\/div\u003E\u003Cdiv style=\"text-align: justify;\"\u003E@+\u003C\/div\u003E\u003Cdiv\u003E\u003Cstyle\u003E.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);} \u003C\/style\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/7523885791488211610\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/cacher-le-gadget-fourni-par-blogger.html#comment-form","title":"16 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/7523885791488211610"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/7523885791488211610"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/cacher-le-gadget-fourni-par-blogger.html","title":"Cacher le gadget \"Fourni par Blogger\" (Attribution) de votre blog"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-efnmikG-Ico\/T4fZUJh4ZUI\/AAAAAAAAES4\/gpFL09sKxrc\/s72-c\/cacher+le+gadget+fourni+par+Blogger.png","height":"72","width":"72"},"thr$total":{"$t":"16"}},{"id":{"$t":"tag:blogger.com,1999:blog-2993308440503478290.post-3445979520173087085"},"published":{"$t":"2012-04-13T05:40:00.000+01:00"},"updated":{"$t":"2012-04-13T14:25:21.099+01:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"astuces blogger"}],"title":{"type":"text","$t":"Passer du Profil Google+ au Profil Blogger en un clic"},"content":{"type":"html","$t":"Depuis la sortie de son réseau social Google+, Google à qui appartient la plateforme Blogger nous avait proposé de lier notre profil Google+ à notre compte Blogger, avec pour conséquence que c'est le profil de Google+ qui s'affichera désormais à la place du Profil Blogger.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-pUNPpIKuY-4\/T4est315S8I\/AAAAAAAAESo\/HUSXIR_Hmzc\/s1600\/revenir+au+profil+blogger+google+plus.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-pUNPpIKuY-4\/T4est315S8I\/AAAAAAAAESo\/HUSXIR_Hmzc\/s1600\/revenir+au+profil+blogger+google+plus.png\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003ES'il vous vient l'envie de revenir à votre profil Blogger qui vous manque\u0026nbsp;énormément, voici un petit lien sur lequel cliquer afin de rétablir votre ancien profil Blogger.\u003Cbr \/\u003E\u003Cbr \/\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Cb\u003E\u003Ca href=\"http:\/\/www.blogger.com\/revert-profile.g\"\u003EPasser du Profil Google+ au Profil Blogger\u003C\/a\u003E.\u003C\/b\u003E\u003C\/div\u003E\u003Cbr \/\u003E@+\u003Cbr \/\u003E\u003Cdiv\u003E\u003Cstyle\u003E.adslot-overlay {position: absolute; font-family: arial, sans-serif; background-color: rgba(0,0,0,0.65); border: 2px solid rgba(0,0,0,0.65); color: white !important; margin: 0; z-index: 2147483647; text-decoration: none; box-sizing: border-box; text-align: left;}.adslot-overlay-iframed {top: 0; left: 0; right: 0; bottom: 0;}.slotname {position: absolute; top: 0; left: 0; right: 0; font-size: 13px; font-weight: bold; padding: 3px 0 3px 6px; vertical-align: middle; background-color: rgba(0,0,0,0.45); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}.slotname span {text-align: left; text-decoration: none; text-transform: capitalize;}.revenue {position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; padding: 3px 0 3px 6px; vertial-align: middle; text-align: left; background-color: rgba(0,0,0,0.45); font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.revenue .name {color: #ccc;}.revenue .horizontal .metric {display: inline-block; padding-right: 1.5em;}.revenue .horizontal .name {padding-right: 0.5em;}.revenue .vertical .metric {display: block; line-height: 1.5em; margin-bottom: 0.5em;}.revenue .vertical .name, .revenue .vertical .value {display: block;}.revenue .square .metric, .revenue .button .metric {display: table-row;}.revenue .square .metric {line-height: 1.5em;}.revenue .square .name, .revenue .square .value, .revenue .button .value {display: table-cell;}.revenue .square .name {padding-right: 1.5em;}.revenue .button .name {display: block; margin-right: 0.5em; width: 1em; overflow: hidden; text-overflow: clip;}.revenue .button .name:first-letter {margin-right: 1.5em;}a.adslot-overlay:hover {border: 2px solid rgba(58,106,173,0.9);}a.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}a.adslot-overlay:hover .revenue {border-top: 1px solid rgba(81,132,210,0.9); background-color: rgba(58,106,173,0.9);}div.adslot-overlay:hover {cursor: not-allowed; border: 2px solid rgba(64,64,64,0.9);}div.adslot-overlay:hover .slotname {border-bottom: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);}div.adslot-overlay:hover .revenue {border-top: 1px solid rgba(128,128,128,0.9); background-color: rgba(64,64,64,0.9);} \u003C\/style\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/feeds\/3445979520173087085\/comments\/default","title":"Publier les commentaires"},{"rel":"replies","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/passer-du-profil-google-au-profil.html#comment-form","title":"1 commentaires"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/3445979520173087085"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/2993308440503478290\/posts\/default\/3445979520173087085"},{"rel":"alternate","type":"text/html","href":"http:\/\/blogger-au-bout-du-doigt.blogspot.com\/2012\/04\/passer-du-profil-google-au-profil.html","title":"Passer du Profil Google+ au Profil Blogger en un clic"}],"author":[{"name":{"$t":"Rodney"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/11512126407384021208"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-pUNPpIKuY-4\/T4est315S8I\/AAAAAAAAESo\/HUSXIR_Hmzc\/s72-c\/revenir+au+profil+blogger+google+plus.png","height":"72","width":"72"},"thr$total":{"$t":"1"}}]}});