Enjoy The Silence

Intégrer une page web sur son blog (HTML)

16.06.2012 …

Par JaneWiles

Intégrer une page web sur son blog (HTML)

COMMENT INTEGRER UNE PAGE WEB SUR VOTRE BLOG c'est pas bien compliqué, il suffit de suivre le chemin : Contenu -> Nouvel Article (ou éditez votre article) -> HTML puis de copier le code suivant : Lire la suite </a> <div class="Post-shares PostShares"> </div> <div class="common-ads-container half_page inread"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_88f2dd8"></div> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://zhuen.ek.la/7-a40028459" title="En savoir plus : 7/"> 7/ </a> </h2> <div class="Post-meta-container"> <span class="Post-date"> 18.02.2012 </span> <span class="Post-comments"> <span id="comment-count-7148301">…</span><script> ob.commentCount(document.querySelector("#comment-count-7148301"), { resource: "https://zhuen.ek.la/api/comment-count/7148301", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Zhuen </p> <a href="https://zhuen.ek.la/7-a40028459"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/E7ydFE0vP5C0edGckdSaKXHKZuE=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2FRQCZ-GRUlFmzbECDFAaW_eSEyRc.png" alt="7/"/> </figure> </a> <p class="Post-snippet"> Elle était installée à la table, comme je l’avais laissée, crayon en main et un cendrier avait rejoint le paquet de cigarette qui traînait sur la table. D’ailleurs, une odeur de tabac fraîchement brûlé embaumait toute la pièce, et de la fumée s’échappait... </p> <a href="https://zhuen.ek.la/7-a40028459" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://zhuen.ek.la/6-a40026975" title="En savoir plus : 6/"> 6/ </a> </h2> <div class="Post-meta-container"> <span class="Post-date"> 18.02.2012 </span> <span class="Post-comments"> <span id="comment-count-7148299">…</span><script> ob.commentCount(document.querySelector("#comment-count-7148299"), { resource: "https://zhuen.ek.la/api/comment-count/7148299", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Zhuen </p> <a href="https://zhuen.ek.la/6-a40026975"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/n8VcHU-_L530ETv5tIM6jz6emkE=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2FfKSbPfp7WzeweJqinmOQZBmPn7A.png" alt="6/"/> </figure> </a> <p class="Post-snippet"> Je me suis allongé sur mon lit, bras derrière la tête et jambes légèrement écartées. Et distraitement, je regarde le plafond blanc au dessus de ma tête en me demandant si je m’en sortirais un jour. Oh, je sais, vous allez me dire qu’il y a des centres... </p> <a href="https://zhuen.ek.la/6-a40026975" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> </div> </div> <div class="Pagination"> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/133" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/page/100" class="ob-page ob-page-link ob-page-more ob-page-tens" >100</a> <a href="/page/110" class="ob-page ob-page-link ob-page-more ob-page-tens" >110</a> <a href="/page/120" class="ob-page ob-page-link ob-page-more ob-page-tens" >120</a> <a href="/page/130" class="ob-page ob-page-link ob-page-tens" >130</a> <a href="/page/131" class="ob-page ob-page-link " >131</a> <a href="/page/132" class="ob-page ob-page-link " >132</a> <a href="/page/133" class="ob-page ob-page-link " >133</a> <span class="ob-page ob-page-current " >134</span> <a href="/page/135" class="ob-page ob-page-link " >135</a> <a href="/page/136" class="ob-page ob-page-link " >136</a> <a href="/page/137" class="ob-page ob-page-link " >137</a> <a href="/page/138" class="ob-page ob-page-link " >138</a> <a href="/page/139" class="ob-page ob-page-link " >139</a> <a href="/page/140" class="ob-page ob-page-link ob-page-tens" >140</a> <a href="/page/150" class="ob-page ob-page-link ob-page-more ob-page-tens" >150</a> <a href="/page/160" class="ob-page ob-page-link ob-page-more ob-page-tens" >160</a> <a href="/page/170" class="ob-page ob-page-link ob-page-more ob-page-tens" >170</a> <a href="/page/180" class="ob-page ob-page-link ob-page-more ob-page-tens" >180</a> <a href="/page/190" class="ob-page ob-page-link ob-page-more ob-page-tens" >190</a> <a href="/page/200" class="ob-page ob-page-link ob-page-more ob-page-hundreds" >200</a> <a href="/page/135" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/251" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div>    <aside class="Sidebar">   <div class="Sidebar-widget common-ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_3e723c2"></div> </div>  <div class="Sidebar-widget" data-order="16"> <div class="ob-h3 Sidebar-title"> Catégories </div> <ul class="Sidebar-list"> <li > <a href="/tag/tiw%20-%20this%20is%20war/"> <span style="text-transform: capitalize;">Tiw - this is war</span> (75) </a> </li> <li > <a href="/tag/dta%20-%20don%27t%20turn%20around/"> <span style="text-transform: capitalize;">Dta - don't turn around</span> (1) </a> </li> <li > <a href="/tag/paragraphes/"> <span style="text-transform: capitalize;">Paragraphes</span> (1) </a> </li> </ul> </div>           <div class="Sidebar-widget common-ads-container half_page" data-order="4"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_9ddad6c"></div> </div> </aside> </div>     <div class="Footer"> <p class="Footer-content"> Thème Magazine © -  Hébergé par <a href="https://www.eklablog.com" target="_bank">Eklablog</a> </p> </div>  <script type="text/javascript"> jQuery(document).ready(function() { /* Menu */ $(".Nav-menuButton").click(function(){ if($(".menu-main").hasClass("menu-main--open")) { $(".menu-main").removeClass("menu-main--open"); } else { $(".menu-main").addClass("menu-main--open"); } }); /* Search */ $(".NavSearch-icon").click(function(){ if($(".NavSearch").hasClass("NavSearch--open")) { if($(".NavSearch-input").val().length === 0) { $(".NavSearch").removeClass("NavSearch--open"); } else { $(".NavSearch-form").submit(); } } else { $(".NavSearch").addClass("NavSearch--open"); } }); /* Fancybox */ $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox"); $("a[rel=fancybox]").fancybox({ 'overlayShow' : true, 'transitionIn' : 'fadin', 'transitionOut' : 'fadin', 'type' : 'image' }); window.addEventListener("resize", function() { if (window.innerWidth > 970) { $(".menu-main").removeClass("menu-main--open"); } }) }); </script> <script async defer> function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu_level_1 > .branch > span, .menu_level_1 > .branch > a") elementsToTriggers.forEach(function(elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } function triggerLevelHidden() { var lastMenuLevelElements = document.querySelectorAll(".menu_level_0") if (lastMenuLevelElements[0]) { lastMenuLevelElements.forEach(function(lastMenuLevelElement) { if (window.innerWidth <= 970) { lastMenuLevelElement.classList.add("level_hidden") } else { lastMenuLevelElement.classList.remove("level_hidden") } }) } } function handleDropdown() { var triggers = document.querySelectorAll(".trigger") var openSection = null; triggers.forEach(function(trigger) { trigger.addEventListener("click", function(e) { var menuLevel0 = e.target.nextElementSibling if (menuLevel0.style.maxHeight) { menuLevel0.style.maxHeight = null trigger.style.transform = "rotate(-45deg)" openSection = null; } else { if (openSection) { openSection.style.maxHeight = null; openSection.previousElementSibling.style.transform = "rotate(-45deg)"; } menuLevel0.style.maxHeight = menuLevel0.scrollHeight + "px" trigger.style.transform = "rotate(45deg)" openSection = menuLevel0; } }) }) } (function init() { addTriggers() triggerLevelHidden() handleDropdown() })() window.addEventListener("resize", function(e) { triggerLevelHidden() }) </script>  <div id="_ebf7890"></div> <div class="ob-footer ob-footer-padded" id="legals" > <ul> <li class="ob-footer-item">Voir le profil de <a href="https://www.eklablog.com/user/472220.html" target="_blank">Zhuen</a> sur le portail Eklablog</li> <li class="ob-footer-item"><a href="https://www.eklablog.com/" target="_blank">Créer un blog gratuit sur Eklablog</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.eklablog.com/abuse/649285"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/terms-of-use" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/features/earn-money.html" target="_blank">Rémunération en droits d'auteur</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/features/premium.html" target="_blank">Offre Premium</a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/cookies" 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> <div style="display: flex; justify-content: center;"> <div id="ob-audion-wrapper" style="width: 940px; height: 450px;"></div> </div> <script> function getRandomElement(arr) { return arr[Math.floor(Math.random() * arr.length)]; } //const autoplay = Math.random() <= 0.2 ? '1' : '0'; // autoplay sur 20% // disabled autoplay for now const autoplay = '0'; const podcastIDs = [ '6f34fdd7-7f2b-452b-beac-05d196517c4d', '1670a989-995f-483d-90f5-67a6eb8f4f34', '5a061760-a177-4292-b471-493e903cc9ce' ]; const selectedPodcastID = getRandomElement(podcastIDs); const scriptElement = document.createElement('script'); scriptElement.id = 'audion360-podcast-player-init'; scriptElement.dataset.type = 'playlist'; scriptElement.dataset.pid = selectedPodcastID; scriptElement.dataset.l = 'fr-fr'; scriptElement.dataset.autoplay = autoplay; scriptElement.dataset.mute = autoplay; scriptElement.dataset.theme = 'alternate'; scriptElement.src = 'https://podcast-player-js.360.audion.fm/latest/player.js'; document.getElementById('ob-audion-wrapper').appendChild(scriptElement); </script> <div id="_d3eec54"></div><div id="_ee7c515"></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> <script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.03/obfuscated_link.4b3f12e9.js"></script> </body> </html>