</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:34 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131890.html#ob-comments"><span>Commentaires [<span id="comment-count-2355142">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355142"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355142", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131890.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131890.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131890.html" data-text="Horloges et calendriers pour vos blogs" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Horloges et calendriers pour vos blogs" data-pin-media="http://storage.canalblog.com/37/22/306835/13906548.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131890.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Horloges%20et%20calendriers%20pour%20vos%20blogs&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131890.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355142"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355142") printElement.addEventListener("click", function() { ob.printPost("Horloges et calendriers pour vos blogs", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/horloges_et_calendriers_pour_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/37\/22\/306835\/13906548.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><table bordercolor=\"#e0f5fd\" cellspacing=\"1\" align=\"center\" bgcolor=\"#000000\" border=\"2\" style=\"WIDTH: 200px; HEIGHT: 150px;\"><tbody><tr><td><p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/astucesjoella.canalblog.com\/archives\/2006\/10\/21\/2960362.html\"><font color=\"#ffff99\"><\/font><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">1<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/50\/30\/144645\/13975379.htm\" frameborder=\"0\" width=\"262\" scrolling=\"no\" height=\"350\"> <\/iframe><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">Code \u00e0 ins\u00e9rer :<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff00\" size=\"1\"><p><iframe marginwidth="0" marginheight="0" src="https:\/\/storage.canalblog.com\/50\/30\/144645\/13975379.htm<\/font><a href=\"https:\/\/storage.canalblog.com\/50\/30\/144645\/13975379.htm\"><\/a><font color=\"#ffff00\" size=\"1\">" frameborder="0" width="262" scrolling="no" height="350"> <\/iframe><\/p><\/font><\/p><\/td>\r\n\r\n<td><\/td><\/tr>\r\n\r\n<tr><td><p style=\"text-align: center;\"><font color=\"#ffff99\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">3<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/87\/86\/144645\/13970479.html\" frameborder=\"0\" width=\"315\" scrolling=\"no\" height=\"285\"> <\/iframe><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">Code \u00e0 ins\u00e9rer :<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff00\" size=\"1\"><p><iframe marginwidth="0" marginheight="0" src="<br \/><\/font><a href=\"https:\/\/storage.canalblog.com\/87\/86\/144645\/13970479.html\"><font color=\"#ffff00\" size=\"1\">https:\/\/storage.canalblog.com\/87\/86\/144645\/13970479.html<\/font><\/a><br \/><font color=\"#ffff00\" size=\"1\">" frameborder="0" width="315" scrolling="no" height="285"> <\/iframe><\/p><\/font><\/p><\/td>\r\n\r\n<td><p style=\"text-align: center;\"><\/p><\/td><\/tr>\r\n\r\n<tr><td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">5<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/69\/63\/144645\/13971532.html\" frameborder=\"0\" width=\"81\" scrolling=\"no\" height=\"97\"> <\/iframe><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">Code \u00e0 ins\u00e9rer :<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff00\" size=\"1\"><p><iframe marginwidth="0" marginheight="0" src="<br \/><\/font><a href=\"https:\/\/storage.canalblog.com\/69\/63\/144645\/13971532.html\"><font color=\"#ffff00\" size=\"1\">https:\/\/storage.canalblog.com\/69\/63\/144645\/13971532.html<\/font><\/a><a href=\"https:\/\/storage.canalblog.com\/87\/86\/144645\/13970479.html\"><\/a><br \/><font color=\"#ffff00\" size=\"1\">" frameborder="0" width="81" scrolling="no" height="97"> <\/iframe><\/p><\/font><\/p><\/td>\r\n\r\n<td><p style=\"text-align: center;\"><\/p><\/td><\/tr><\/tbody><\/table>\r\n\r\n<table bordercolor=\"#e0f5fd\" cellspacing=\"1\" align=\"center\" bgcolor=\"#000000\" border=\"2\" style=\"WIDTH: 200px; HEIGHT: 150px;\"><tbody><tr><td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><\/font><\/p><\/td>\r\n\r\n<td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">2<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/22\/73\/144645\/13974317.htm\" frameborder=\"0\" width=\"229\" scrolling=\"no\" height=\"406\"> <\/iframe><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">Code \u00e0 ins\u00e9rer :<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff00\" size=\"1\"><p><iframe marginwidth="0" marginheight="0" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/22\/73\/144645\/13974317.htm\"><font color=\"#ffff00\" size=\"1\">https:\/\/storage.canalblog.com\/22\/73\/144645\/13974317.htm<\/font><\/a><font color=\"#ffff00\" size=\"1\">" frameborder="0" width="229" scrolling="no" height="406"> <\/iframe><\/p><\/font><\/p><\/td><\/tr>\r\n\r\n<tr><td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><\/font><\/p><\/td>\r\n\r\n<td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">4<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/68\/00\/144645\/13968580.html\" frameborder=\"0\" width=\"284\" scrolling=\"no\" height=\"177\"> <\/iframe><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\">Code \u00e0 ins\u00e9rer :<\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#ffff00\" size=\"1\"><p><iframe marginwidth="0" marginheight="0" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/68\/00\/144645\/13968580.html\"><font color=\"#ffff00\" size=\"1\">https:\/\/storage.canalblog.com\/68\/00\/144645\/13968580.html<\/font><\/a><font color=\"#ffff00\" size=\"1\">" frameborder="0" width="284" scrolling="no" height="177"> <\/iframe><\/p><\/font><\/p><\/td><\/tr>\r\n\r\n<tr><td><p style=\"text-align: center;\"><font color=\"#ffff99\" size=\"3\"><\/font><\/p><\/td>\r\n\r\n<td><p style=\"text-align: center;\"><\/p><\/td><\/tr><\/tbody><\/table><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/horloges_et_calendriers_pour_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/37\/22\/306835\/13906548.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/vos_commentaires\/index.html\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355142" > <label class="stars-view stars-view-5-2355142 " for="rating-5-2355142" onclick="handleRate(2355142, 5, 0, 'stars-view-5-2355142', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355142" > <label class="stars-view stars-view-4-2355142 " for="rating-4-2355142" onclick="handleRate(2355142, 4, 0, 'stars-view-4-2355142', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355142" > <label class="stars-view stars-view-3-2355142 " for="rating-3-2355142" onclick="handleRate(2355142, 3, 0, 'stars-view-3-2355142', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355142" > <label class="stars-view stars-view-2-2355142 " for="rating-2-2355142" onclick="handleRate(2355142, 2, 0, 'stars-view-2-2355142', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355142" > <label class="stars-view stars-view-1-2355142 " for="rating-1-2355142" onclick="handleRate(2355142, 1, 0, 'stars-view-1-2355142', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355142"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_2355146"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html"> <h2 class="article_title title">Tags non animés</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/fjU_FDPIzkuhZYybPdQHxSfzyec=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F39%2F97%2F306835%2F13743680_o.jpg" alt="Tags non animés"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:34 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html#ob-comments"><span>Commentaires [<span id="comment-count-2355146">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355146"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355146", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html" data-text="Tags non animés" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Tags non animés" data-pin-media="http://storage.canalblog.com/39/97/306835/13743680_o.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131895.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Tags%20non%20anim%C3%A9s&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131895.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355146"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355146") printElement.addEventListener("click", function() { ob.printPost("Tags non anim\u00e9s", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><font face=\"tahoma, arial, helvetica, sans-serif\" color=\"#0000cc\" size=\"5\"><u><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/tags_non_animes\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/75\/15\/306835\/13746177.jpg\" width=\"130\" border=\"0\" \/><\/a><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"592\" alt=\"tag003\" src=\"https:\/\/storage.canalblog.com\/39\/97\/306835\/13743680.jpg\" width=\"592\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"500\" alt=\"tag004\" src=\"https:\/\/storage.canalblog.com\/58\/47\/306835\/13743697.jpg\" width=\"500\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"350\" alt=\"tag006\" src=\"https:\/\/storage.canalblog.com\/72\/26\/306835\/13743714.jpg\" width=\"500\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"https:\/\/storage.canalblog.com\/39\/45\/306835\/13925850.jpg\" target=\"_blank\"><img height=\"362\" alt=\"tag001\" src=\"https:\/\/storage.canalblog.com\/39\/45\/306835\/13925850_p.jpg\" width=\"450\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"https:\/\/storage.canalblog.com\/38\/87\/306835\/13925863.jpg\" target=\"_blank\"><img height=\"313\" alt=\"tag002\" src=\"https:\/\/storage.canalblog.com\/38\/87\/306835\/13925863_p.jpg\" width=\"450\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"504\" alt=\"tag005\" src=\"https:\/\/storage.canalblog.com\/37\/18\/306835\/13925880.jpg\" width=\"604\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"https:\/\/storage.canalblog.com\/10\/01\/306835\/13925892.jpg\" target=\"_blank\"><img height=\"450\" alt=\"tag007\" src=\"https:\/\/storage.canalblog.com\/10\/01\/306835\/13925892_p.jpg\" width=\"450\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"435\" alt=\"tag009\" src=\"https:\/\/storage.canalblog.com\/19\/42\/306835\/13925925.jpg\" width=\"515\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"500\" alt=\"tag010\" src=\"https:\/\/storage.canalblog.com\/79\/90\/306835\/13925940.jpg\" width=\"400\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/tags_non_animes\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/75\/15\/306835\/13746177.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/vos_commentaires\/index.html\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355146" > <label class="stars-view stars-view-5-2355146 " for="rating-5-2355146" onclick="handleRate(2355146, 5, 0, 'stars-view-5-2355146', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355146" > <label class="stars-view stars-view-4-2355146 " for="rating-4-2355146" onclick="handleRate(2355146, 4, 0, 'stars-view-4-2355146', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355146" > <label class="stars-view stars-view-3-2355146 " for="rating-3-2355146" onclick="handleRate(2355146, 3, 0, 'stars-view-3-2355146', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355146" > <label class="stars-view stars-view-2-2355146 " for="rating-2-2355146" onclick="handleRate(2355146, 2, 0, 'stars-view-2-2355146', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355146" > <label class="stars-view stars-view-1-2355146 " for="rating-1-2355146" onclick="handleRate(2355146, 1, 0, 'stars-view-1-2355146', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355146"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_f277ad8"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_c0122b9"></div> </div> </div> <div class="article article_2355185"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html"> <h2 class="article_title title">Petits cadres animés</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/wzYdIhkJ6pkpIUgUo8RVZn6UnDg=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F38%2F42%2F306835%2F13926910_o.jpg" alt="Petits cadres animés"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:34 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html#ob-comments"><span>Commentaires [<span id="comment-count-2355185">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355185"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355185", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html" data-text="Petits cadres animés" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Petits cadres animés" data-pin-media="http://storage.canalblog.com/38/42/306835/13926910_o.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131885.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Petits%20cadres%20anim%C3%A9s&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131885.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355185"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355185") printElement.addEventListener("click", function() { ob.printPost("Petits cadres anim\u00e9s", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/tags_animes\/index.html\"><img height=\"88\" src=\"https:\/\/storage.canalblog.com\/88\/42\/306835\/13746165.jpg\" width=\"158\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"164\" alt=\"cadre5\" src=\"https:\/\/storage.canalblog.com\/23\/47\/306835\/14023697.gif\" width=\"316\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"258\" alt=\"cadre1\" src=\"https:\/\/storage.canalblog.com\/38\/42\/306835\/13926910.jpg\" width=\"316\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"150\" alt=\"cadre2\" src=\"https:\/\/storage.canalblog.com\/74\/70\/306835\/13926916.gif\" width=\"338\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"266\" alt=\"cadre3\" src=\"https:\/\/storage.canalblog.com\/88\/87\/306835\/13926930.gif\" width=\"318\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"250\" alt=\"cadre4\" src=\"https:\/\/storage.canalblog.com\/40\/31\/306835\/13926940.gif\" width=\"287\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"164\" alt=\"cadre6\" src=\"https:\/\/storage.canalblog.com\/34\/44\/306835\/14023692.jpg\" width=\"316\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/tags_animes\/index.html\"><img height=\"88\" src=\"https:\/\/storage.canalblog.com\/88\/42\/306835\/13746165.jpg\" width=\"158\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/vos_commentaires\/index.html\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355185" > <label class="stars-view stars-view-5-2355185 " for="rating-5-2355185" onclick="handleRate(2355185, 5, 0, 'stars-view-5-2355185', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355185" > <label class="stars-view stars-view-4-2355185 " for="rating-4-2355185" onclick="handleRate(2355185, 4, 0, 'stars-view-4-2355185', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355185" > <label class="stars-view stars-view-3-2355185 " for="rating-3-2355185" onclick="handleRate(2355185, 3, 0, 'stars-view-3-2355185', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355185" > <label class="stars-view stars-view-2-2355185 " for="rating-2-2355185" onclick="handleRate(2355185, 2, 0, 'stars-view-2-2355185', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355185" > <label class="stars-view stars-view-1-2355185 " for="rating-1-2355185" onclick="handleRate(2355185, 1, 0, 'stars-view-1-2355185', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355185"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_2355133"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html"> <h2 class="article_title title">Blinkies divers</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/i-RAKvRoLPLD5gKfc-XKA-x0nPs=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F39%2F13%2F306835%2F13746135.jpg" alt="Blinkies divers"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:32 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html#ob-comments"><span>Commentaires [<span id="comment-count-2355133">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355133"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355133", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html" data-text="Blinkies divers" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Blinkies divers" data-pin-media="http://storage.canalblog.com/39/13/306835/13746135.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131869.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Blinkies%20divers&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131869.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355133"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355133") printElement.addEventListener("click", function() { ob.printPost("Blinkies divers", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/blinkies\/index.html\"><img height=\"88\" src=\"https:\/\/storage.canalblog.com\/39\/13\/306835\/13746135.jpg\" width=\"158\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"166\" alt=\"bonne_fete_papa\" src=\"https:\/\/storage.canalblog.com\/83\/94\/306835\/13926324.gif\" width=\"294\" border=\"0\" \/> <img height=\"189\" alt=\"je_t_aime_papa_ch_ri\" src=\"https:\/\/storage.canalblog.com\/12\/32\/306835\/13926332.gif\" width=\"293\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"287\" alt=\"bonne_20fete_20papa4\" src=\"https:\/\/storage.canalblog.com\/12\/48\/306835\/13926349.gif\" width=\"342\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"150\" alt=\"bonne_20fete_20papa1\" src=\"https:\/\/storage.canalblog.com\/93\/41\/306835\/13926353.gif\" width=\"220\" border=\"0\" \/> <img height=\"128\" alt=\"bonne_20fete_20papa2\" src=\"https:\/\/storage.canalblog.com\/90\/33\/306835\/13926356.gif\" width=\"192\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"300\" alt=\"bonne_20fete_20papa5\" src=\"https:\/\/storage.canalblog.com\/01\/37\/306835\/13926369.gif\" width=\"300\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"201\" alt=\"pour_20toi_20papa\" src=\"https:\/\/storage.canalblog.com\/50\/29\/306835\/13926378.gif\" width=\"229\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/blinkies\/index.html\"><img height=\"88\" src=\"https:\/\/storage.canalblog.com\/39\/13\/306835\/13746135.jpg\" width=\"158\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/vos_commentaires\/index.html\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355133" > <label class="stars-view stars-view-5-2355133 " for="rating-5-2355133" onclick="handleRate(2355133, 5, 0, 'stars-view-5-2355133', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355133" > <label class="stars-view stars-view-4-2355133 " for="rating-4-2355133" onclick="handleRate(2355133, 4, 0, 'stars-view-4-2355133', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355133" > <label class="stars-view stars-view-3-2355133 " for="rating-3-2355133" onclick="handleRate(2355133, 3, 0, 'stars-view-3-2355133', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355133" > <label class="stars-view stars-view-2-2355133 " for="rating-2-2355133" onclick="handleRate(2355133, 2, 0, 'stars-view-2-2355133', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355133" > <label class="stars-view stars-view-1-2355133 " for="rating-1-2355133" onclick="handleRate(2355133, 1, 0, 'stars-view-1-2355133', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355133"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_2355128"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html"> <h2 class="article_title title">Pluggez votre blog !</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/R9AWfVQEcsr4CjQk2nKniS19AQQ=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F65%2F61%2F306835%2F13746225.jpg" alt="Pluggez votre blog !"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:31 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html#ob-comments"><span>Commentaires [<span id="comment-count-2355128">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355128"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355128", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html" data-text="Pluggez votre blog !" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Pluggez votre blog !" data-pin-media="http://storage.canalblog.com/65/61/306835/13746225.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131843.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Pluggez%20votre%20blog%20%21&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131843.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355128"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355128") printElement.addEventListener("click", function() { ob.printPost("Pluggez votre blog !", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/uplugboard\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/65\/61\/306835\/13746225.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"http:\/\/uplugboard.com\/13763815\/\" frameborder=\"0\" width=\"290\" scrolling=\"no\" height=\"325\" allowtransparency=\"true\" background-color=\"transparent\"> <\/iframe><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/uplugboard\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/65\/61\/306835\/13746225.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355128" > <label class="stars-view stars-view-5-2355128 " for="rating-5-2355128" onclick="handleRate(2355128, 5, 0, 'stars-view-5-2355128', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355128" > <label class="stars-view stars-view-4-2355128 " for="rating-4-2355128" onclick="handleRate(2355128, 4, 0, 'stars-view-4-2355128', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355128" > <label class="stars-view stars-view-3-2355128 " for="rating-3-2355128" onclick="handleRate(2355128, 3, 0, 'stars-view-3-2355128', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355128" > <label class="stars-view stars-view-2-2355128 " for="rating-2-2355128" onclick="handleRate(2355128, 2, 0, 'stars-view-2-2355128', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355128" > <label class="stars-view stars-view-1-2355128 " for="rating-1-2355128" onclick="handleRate(2355128, 1, 0, 'stars-view-1-2355128', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355128"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_2355126"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html"> <h2 class="article_title title">Le TOP50 des blogs - Inscrivez-vous !</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/3eSbHLcG_QqTgLUx-m_syaH0XPA=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F60%2F60%2F306835%2F13746212.jpg" alt="Le TOP50 des blogs - Inscrivez-vous !"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:30 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html#ob-comments"><span>Commentaires [<span id="comment-count-2355126">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355126"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355126", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html" data-text="Le TOP50 des blogs - Inscrivez-vous !" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Le TOP50 des blogs - Inscrivez-vous !" data-pin-media="http://storage.canalblog.com/60/60/306835/13746212.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131827.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Le%20TOP50%20des%20blogs%20-%20Inscrivez-vous%20%21&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131827.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355126"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355126") printElement.addEventListener("click", function() { ob.printPost("Le TOP50 des blogs - Inscrivez-vous !", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/top50_des_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/60\/60\/306835\/13746212.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><iframe name=\"iframe_topplus\" marginwidth=\"0\" marginheight=\"0\" src=\"http:\/\/topplustop.free.fr\/if\/vote2.php?id_ins=4&id=446\" frameborder=\"no\" width=\"700\" scrolling=\"yes\" height=\"600\"> <\/iframe><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/top50_des_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/60\/60\/306835\/13746212.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355126" > <label class="stars-view stars-view-5-2355126 " for="rating-5-2355126" onclick="handleRate(2355126, 5, 0, 'stars-view-5-2355126', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355126" > <label class="stars-view stars-view-4-2355126 " for="rating-4-2355126" onclick="handleRate(2355126, 4, 0, 'stars-view-4-2355126', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355126" > <label class="stars-view stars-view-3-2355126 " for="rating-3-2355126" onclick="handleRate(2355126, 3, 0, 'stars-view-3-2355126', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355126" > <label class="stars-view stars-view-2-2355126 " for="rating-2-2355126" onclick="handleRate(2355126, 2, 0, 'stars-view-2-2355126', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355126" > <label class="stars-view stars-view-1-2355126 " for="rating-1-2355126" onclick="handleRate(2355126, 1, 0, 'stars-view-1-2355126', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355126"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_2355123"> <div class="date-header">30 mai 2007</div> <a class="article_link" href="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html"> <h2 class="article_title title">L'annuaire des blogs - Inscrivez-vous !</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/U8B_ayQclCbdjXyDZVIFvWS-Ydk=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F57%2F00%2F306835%2F13745921.jpg" alt="L'annuaire des blogs - Inscrivez-vous !"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 18:28 - <a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html#ob-comments"><span>Commentaires [<span id="comment-count-2355123">…</span><script> ob.commentCount(document.querySelector("#comment-count-2355123"), { resource: "http://fetepapa.canalblog.com/api/comment-count/2355123", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html">#</a>] </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html" data-text="L'annuaire des blogs - Inscrivez-vous !" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="L'annuaire des blogs - Inscrivez-vous !" data-pin-media="http://storage.canalblog.com/57/00/306835/13745921.jpg" data-pin-url="http://fetepapa.canalblog.com/archives/2007/05/30/5131800.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=L%27annuaire%20des%20blogs%20-%20Inscrivez-vous%20%21&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Ffetepapa.canalblog.com%2Farchives%2F2007%2F05%2F30%2F5131800.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_2355123"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_2355123") printElement.addEventListener("click", function() { ob.printPost("L'annuaire des blogs - Inscrivez-vous !", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 662px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 654px; HEIGHT: 9px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 650px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" border=\"0\" style=\"WIDTH: 642px; HEIGHT: 1px;\"><tbody><tr><td><p><table cellspacing=\"4\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/24\/42\/306835\/13706398.jpg\" style=\"WIDTH: 658px; HEIGHT: 6px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: left;\"><table cellspacing=\"3\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/08\/67\/144645\/13242978.gif\" style=\"WIDTH: 638px; HEIGHT: 300px;\"><tbody><tr><td><p><table cellspacing=\"8\" align=\"left\" background=\"https:\/\/storage.canalblog.com\/74\/50\/306835\/13703900.jpg\" style=\"WIDTH: 630px; HEIGHT: 325px;\"><tbody><tr><td><p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/annuaire_des_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/57\/00\/306835\/13745921.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><iframe src=\"http:\/\/www.i-services.net\/membres\/annuaire\/annuaire.php?user=109012\" frameborder=\"0\" width=\"700\" height=\"800\"> <\/iframe><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/annuaire_des_blogs\/index.html\"><img height=\"72\" src=\"https:\/\/storage.canalblog.com\/57\/00\/306835\/13745921.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/fetepapa.canalblog.com\/archives\/vos_commentaires\/index.html\"><img height=\"72\" alt=\"Laissez-moi un commentaire !\" src=\"https:\/\/storage.canalblog.com\/67\/99\/306835\/13746196.jpg\" width=\"130\" border=\"0\" \/><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-2355123" > <label class="stars-view stars-view-5-2355123 " for="rating-5-2355123" onclick="handleRate(2355123, 5, 0, 'stars-view-5-2355123', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-2355123" > <label class="stars-view stars-view-4-2355123 " for="rating-4-2355123" onclick="handleRate(2355123, 4, 0, 'stars-view-4-2355123', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-2355123" > <label class="stars-view stars-view-3-2355123 " for="rating-3-2355123" onclick="handleRate(2355123, 3, 0, 'stars-view-3-2355123', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-2355123" > <label class="stars-view stars-view-2-2355123 " for="rating-2-2355123" onclick="handleRate(2355123, 2, 0, 'stars-view-2-2355123', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-2355123" > <label class="stars-view stars-view-1-2355123 " for="rating-1-2355123" onclick="handleRate(2355123, 1, 0, 'stars-view-1-2355123', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-2355123"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_e3217e0"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_1171f5e"></div> </div> </div> <div class="ob-pagination"> <span class="ob-page ob-page-current " >1</span> <a href="/archive/2007-05/2" class="ob-page ob-page-link " >2</a> <a href="/archive/2007-05/2" class="ob-page ob-page-link ob-page-next" >></a> <a href="/archive/2007-05/2" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <div class="right-zone"> <div class="side-zone"> <div class="ob-widgets"> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_33f6b20"></div> </div> <script> document.addEventListener("DOMContentLoaded", function () { function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span") elementsToTriggers.forEach(function (elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } addTriggers() }) </script> <div class="ob-footer ob-footer-padded" id="legals" > <ul> <li class="ob-footer-item"><a href="https://www.canalblog.com/" target="_blank">Créer un blog gratuit sur CanalBlog</a></li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/94558"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/tos.cfm" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/cookies.cfm" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <script defer async> document.addEventListener('DOMContentLoaded', function() { async function syncRating() { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { return } const res = await fetch(`/api/section-container/rates`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: [2355182,2355130,2355148,2355142,2355146,2355185,2355133,2355128,2355126,2355123], }) }) if (res.ok) { const data = await res.json() Object.keys(data).forEach(function(key) { const postRate = data[key] const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`) input.checked = true // check if it's half-star rate if (!Number.isInteger(postRate.rate)) { const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`) label.classList.add("half-star") } const ratersEl = document.querySelector(`.rating-raters-${key}`) ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote` }) } } syncRating() }) </script> <div id="_9834803"></div><div id="_c3b8f7e"></div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> </body> </html>
/http%3A%2F%2Fstorage.canalblog.com%2F31%2F72%2F306835%2F13907219_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F88%2F42%2F306835%2F13746165.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F38%2F92%2F306835%2F13746152.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F37%2F22%2F306835%2F13906548.jpg)