Autres BLOGGER : Essai thème atahulpa

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 13:56

Hyper célèbre sur Wordpress

Ce thème n'existe pas pour Blogger, alors on va tenter de le créer

Essai thème atahulpa

atahulpatheme.blogspot.com

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 13:59

J' ai créé un début de template avec l' IA GEMINI hier soir

On le sauvegarde en cas de plantage
Surtout que je vais me servir d'une autre IA

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultmessages='true' b:responsive='true' lang='fr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5' name='viewport'/>
<b:include data='blog' name='all-head-content'/>

<b:if cond='data:view.isHomepage'>
<title><data:blog.title/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<title><data:view.title/> - <data:blog.title/></title>
</b:if>
<link expr:href='data:view.url.canonical' rel='canonical'/>

<link href='https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Merriweather:ital,wght@0,300;0,400;1,300&display=swap' rel='stylesheet'/>

<b:skin><![CDATA[
/* Variables pour le Concepteur de Themes Blogger */
<Group description="Couleurs Principales" selector="body">
<Variable name="bg.color" description="Couleur de fond du site" type="color" default="#f4f5f7" value="#f4f5f7"/>
<Variable name="container.bg" description="Fond du conteneur principal" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="primary.color" description="Couleur principale" type="color" default="#34495e" value="#34495e"/>
<Variable name="accent.color" description="Couleur d accentuation" type="color" default="#e74c3c" value="#e74c3c"/>
</Group>
<Group description="Typographie" selector="body">
<Variable name="body.font" description="Police du texte" type="font" default="normal normal 16px 'Roboto', sans-serif" value="normal normal 16px 'Roboto', sans-serif"/>
<Variable name="title.font" description="Police des titres" type="font" default="normal bold 28px 'Merriweather', serif" value="normal bold 28px 'Merriweather', serif"/>
</Group>

* {box-sizing: border-box; margin: 0; padding: 0;}
body {
background-color: $(bg.color);
font: $(body.font);
color: #333;
line-height: 1.6;
word-wrap: break-word;
}
a {color: $(primary.color); text-decoration: none; transition: color 0.3s ease;}
a:hover {color: $(accent.color);}
img {max-width: 100%; height: auto; display: block;}

.ata-wrapper {
max-width: 1200px;
margin: 0 auto;
background: $(container.bg);
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

header {
padding: 40px 20px;
border-bottom: 4px solid $(primary.color);
background: #fff;
}
.site-title { font: $(title.font); font-size: 2.5rem; margin-bottom: 5px; }
.site-title a { color: #222; }
.site-description { color: #777; font-style: italic; }

.ata-nav {
background: $(primary.color);
position: sticky;
top: 0;
z-index: 100;
}
.ata-nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.ata-nav li a { display: block; padding: 15px 20px; color: #fff; font-weight: 500; }
.ata-nav li a:hover { background: $(accent.color); }

.ata-main-container {
display: flex;
flex-wrap: wrap;
padding: 20px;
}

.ata-content {
flex: 1;
min-width: 0;
padding: 10px 20px;
}

.ata-sidebar {
width: 300px;
padding: 10px 20px;
}
.widget { margin-bottom: 30px; }
.widget h2 {
font-size: 1.2rem;
border-bottom: 2px solid $(primary.color);
padding-bottom: 8px;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.post { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.post-title { font: $(title.font); margin-bottom: 10px; }
.post-title a { color: #222; }
.post-meta { font-size: 0.85rem; color: #888; margin-bottom: 15px; }
.post-meta span { margin-right: 15px; }
.post-body { font-size: 1.05rem; color: #444; text-align: justify; }

.viral-share {
display: flex;
gap: 10px;
margin-bottom: 20px;
margin-top: 20px;
}
.share-btn {
padding: 8px 16px;
color: #fff !important;
border-radius: 4px;
font-size: 0.9rem;
font-weight: bold;
}
.share-fb { background: #3b5998; }
.share-tw { background: #1da1f2; }
.share-wa { background: #25d366; }

.blog-pager {
display: flex;
justify-content: space-between;
padding: 20px 0;
}

footer {
background: #222;
color: #aaa;
padding: 30px 20px;
text-align: center;
font-size: 0.9rem;
}
footer a { color: #fff; }

@media (max-width: 992px) {
.ata-main-container { flex-direction: column; }
.ata-sidebar { width: 100%; padding: 20px 0; }
.ata-nav ul { flex-direction: column; }
.ata-nav li a { padding: 12px 20px; border-bottom: 1px solid rgba(255,255,255,0.1); }
}
]]></b:skin>
</head>

<body>
<div class='ata-wrapper'>


<header role='banner'>
<b:section id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Essai thème atahulpa (en-tête)' type='Header'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\&quot

; " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
</b:section>
</header>


<nav class='ata-nav' role='navigation'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Accueil</a></li>
<b:section id='navigation-menu' maxwidgets='1' showaddelement='yes'/>
</ul>
</nav>


<div class='ata-main-container'>

<main class='ata-content' role='main'>
<b:section id='main-content' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>3</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='!data:mobile'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:loop values='data

osts' var='post'>
<b:if cond='data

ost.isDateStart and not data

ost.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data

ost.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data

ost.dateHeader'>
<h2 class='date-header'><span><data

ost.dateHeader/></span></h2>
</b:if>
<b:if cond='data

ost.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>


<b:if cond='data

ost.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:else/>
<b:include name='mobile-main'/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data

ostCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data

ostCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data

ost.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data

ost.appRpcRelayPath/>&#39

;
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<a class='comment-link' expr:href='data

ost.addCommentUrl' expr

nclick='data

ost.addCommentOnclick'>
<data

ost.commentLabelFull/>:
</a>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data

ost.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data

ost.allowComments'>
<h4><data

ost.commentLabelFull/>:</h4>

<b:if cond='data

ost.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data

ost.hasOlderLinks'>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.oldestLinkUrl'><data

ost.oldestLinkText/></a>
 
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.olderLinkUrl'><data

ost.olderLinkText/></a>
 
</b:if>

<data

ost.commentRangeText/>

<b:if cond='data

ost.hasNewerLinks'>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newerLinkUrl'><data

ost.newerLinkText/></a>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newestLinkUrl'><data

ost.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data

ost.avatarIndentClass' id='comments-block'>
<b:loop values='data

ost.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data

ost.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.oldestLinkUrl'>
<data

ost.oldestLinkText/>
</a>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.olderLinkUrl'>
<data

ost.olderLinkText/>
</a>
 
<data

ost.commentRangeText/>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newerLinkUrl'>
<data

ost.newerLinkText/>
</a>
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newestLinkUrl'>
<data

ost.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data

ost.embedCommentForm'>
<b:if cond='data

ost.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data

ost.noNewCommentsText/>
</b:if>
<b:elseif cond='data

ost.allowComments'/>
<a expr:href='data

ost.addCommentUrl' expr

nclick='data

ost.addCommentOnclick'><data

ostCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data

osts' var='post'>
<b:include cond='data

ost.allowComments and data

ost.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data

ost.dateHeader'>
<div class='date-header'>
<span><data

ost.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data

ost.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data

ost.title/>
</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data

ost.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data

ost.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data

ost.snippet'><data

ost.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data

ost.allowComments and data

ost.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data

osts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data

osts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data

lderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data

lderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data

lderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data

ost.dateHeader'>
<h2 class='date-header'><span><data

ost.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data

ost.thumbnailUrl'>
<meta expr:content='data

ost.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data

ost.id' itemprop='postId'/>

<a expr:name='data

ost.id'/>
<b:if cond='data

ost.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data

ost.link'>
<a expr:href='data

ost.link'><data

ost.title/></a>
<b:elseif cond='data

ost.url and data:blog.url != data

ost.url'/>
<a expr:href='data

ost.url'><data

ost.title/></a>
<b:else/>
<data

ost.title/>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='"post-body-" + data

ost.id' itemprop='articleBody'>
<data

ost.body/>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data

ost.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data

ost.authorProfileUrl' itemprop='url'/>
<a expr:href='data

ost.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data

ost.author/></span>
</span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data

ost.url'>
<meta expr:content='data

ost.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data

ost.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data

ost.timestampISO8601' itemprop='datePublished'><data

ost.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data

ost.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
</div>

</div>
</div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data

lderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data

lderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data

lderPageTitle'><data

lderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data

ost.firstImageUrl'>
<meta expr:content='data

ost.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data

ost.id' itemprop='postId'/>

<a expr:name='data

ost.id'/>
<b:if cond='data

ost.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data

ost.link or (data

ost.url and data:blog.url != data

ost.url)'>
<a expr:href='data

ost.link ? data

ost.link : data

ost.url'><data

ost.title/></a>
<b:else/>
<data

ost.title/>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>


<div class='post-body entry-content' expr:id='"post-body-" + data

ost.id' expr:itemprop='(data:blog.metaDescription ? "" : "description &quot

+ "articleBody"'>
<data

ost.body/>
<div style='clear: both;'/> 
</div>

<b:if cond='data

ost.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data

ost.url + "#more"' expr:title='data

ost.title'><data

ost.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data

ost.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data

ost.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data

ost.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data

ost.author/></span>
</span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data

ost.url'>
<meta expr:content='data

ost.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data

ost.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data

ost.timestampISO8601' itemprop='datePublished'><data

ost.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data

ost.allowComments' data='post' name='comment_count_picker'/>
</span>

<span class='post-icons'>

<b:if cond='data

ost.emailPostUrl'>
<span class='item-action'>
<a expr:href='data

ost.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>


<div class='post-share-buttons goog-inline-block'>
<b:include cond='data

ost.sharePostUrl' data='post' name='shareButtons'/>
</div>

</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:top.showPostLabels and data

ost.labels'>
<data

ostLabelsLabel/>
<b:loop values='data

ost.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation and data

ost.location'>
<data

ostLocationLabel/>
<a expr:href='data

ost.location.mapsUrl' target='_blank'><data

ost.location.name/></a>
</b:if>
</span>
</div>
<b:if cond='data

ost.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data

ost.authorPhoto.url'>
<img expr:src='data

ost.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data

ost.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</div>
<span itemprop='description'><data

ost.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data

ost.editUrl'>
<span expr:class='"item-control " + data

ost.adminClass'>
<a expr:href='data

ost.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data

ost.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data

ost.sharePostUrl + "&target=blog"' expr

nclick='"window.open(this.href, \"_blank\", \"height=270,width=475\&quot

; return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data

ost.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data

ost.sharePostUrl + "&target=facebook"' expr

nclick='"window.open(this.href, \"_blank\", \"height=430,width=640\&quot

; return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data

ost.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data

ost.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data

ost.appRpcRelayPath/>&#39

;
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data

ost.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data

ost.commentJso/>;
var msgs = <data

ost.commentMsgs/>;
var config = <data

ost.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {
var text = (entry &&
((entry.content && entry.content.$t) ||
(entry.summary && entry.summary.$t))) ||
'';
if (entry && entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + text + '</span>';
}
}
}
return text;
}

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/comment/delete/'
+ config.blogId + '/' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><dataost.commentLabelFull/>:</h4>

<div class='comments-content'>
<b:include cond='dataost.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<dataost.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='dataost.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<dataost.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</main>


<aside class='ata-sidebar' role='complementary'>
<b:section id='sidebar-right' showaddelement='yes'/>
</aside>

</div>


<footer role='contentinfo'>
<b:section id='footer-section' showaddelement='yes'/>
</footer>

</div>
</body>
</html>

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 14:03

GPT

Cette fois j'aimerai que tu me crée un thème Blogger pour un autre blog, mais reprenant un qui existait à l'époque pour wordpress et qui se nommait atahulpa. Je voudrai que tu l'adapte à blogger avec les mêmes fonctions, entièrement personnalisable , avec une très bonne indexation, viral et amélioré pour le seo, très attractif visuellement , et responsive, adapté aux téléphones

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 14:31

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 a dit:
GPT

Cette fois j'aimerai que tu me crée un thème Blogger pour un autre blog, mais reprenant un qui existait à l'époque pour wordpress et qui se nommait atahulpa. Je voudrai que tu l'adapte à blogger avec les mêmes fonctions, entièrement personnalisable , avec une très bonne indexation, viral et amélioré pour le seo, très attractif visuellement , et responsive, adapté aux téléphones

Bonne question. En réalité, si je te fournis le thème en plusieurs parties, tu n'auras normalement rien à assembler manuellement dans Blogger.

Le principe serait :

Méthode 1 (recommandée)

Je génère le thème complet par blocs :

Partie 1 : XML principal
Partie 2 : CSS
Partie 3 : JavaScript
Partie 4 : Widgets et options
Partie 5 : SEO et données structurées

Puis je te fournis une version finale fusionnée dans un unique fichier :

<?xml version="1.0" encoding="UTF-8" ?>
<html ...>
...
</html>

Tu fais ensuite :

Blogger → Thème
Sauvegarder le thème actuel
Modifier le code HTML
Sélectionner tout
Coller le fichier complet
Enregistrer

Et c'est terminé.

Méthode 2

Je te donne uniquement les morceaux séparés.

Tu devrais alors :

Insérer le CSS dans <b:skin>
Insérer le JavaScript avant </body>
Insérer les widgets aux bons endroits
Ajouter les balises SEO

C'est faisable mais plus technique et source d'erreurs.

Ce que je te conseille

Pour un thème de l'ampleur d'Atahualpa Reborn 2026, le plus propre est :

Étape 1 : je construis l'architecture complète du thème.

Étape 2 : je génère directement un fichier Blogger XML unique prêt à importer.

Comme un thème Blogger complet peut facilement dépasser 5 000 à 10 000 lignes, je devrai le produire en plusieurs messages, mais chaque partie sera conçue pour être fusionnée dans un seul fichier final.

Avant de commencer la génération, il me faut encore définir deux choix qui influencent toute l'architecture :

Largeur du site

1200 px (classique)
1400 px (moderne)
Full width adaptatif (recommandé)

Style de la page d'accueil

Blog classique (liste d'articles)
Magazine (grille + articles vedettes)
Hybride Atahualpa 2026 (recommandé)

Je recommande :

Largeur : Full width adaptatif
Accueil : Hybride Atahualpa 2026

Dès que tu confirmes, je commence la Partie 1 du véritable thème Blogger.

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 14:32

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 a dit:
Bonne question. En réalité, si je te fournis le thème en plusieurs parties, tu n'auras normalement rien à assembler manuellement dans Blogger.

Le principe serait :

Méthode 1 (recommandée)
Je génère le thème complet par blocs :

Partie 1 : XML principal

Partie 2 : CSS

Partie 3 : JavaScript

Partie 4 : Widgets et options

Partie 5 : SEO et données structurées

Puis je te fournis une version finale fusionnée dans un unique fichier :

<?xml version="1.0" encoding="UTF-8" ?>
<html ...>
...
</html>

Tu fais ensuite :

Blogger → Thème

Sauvegarder le thème actuel

Modifier le code HTML

Sélectionner tout

Coller le fichier complet

Enregistrer

Et c'est terminé.

Méthode 2
Je te donne uniquement les morceaux séparés.

Tu devrais alors :

Insérer le CSS dans <b:skin>

Insérer le JavaScript avant </body>

Insérer les widgets aux bons endroits

Ajouter les balises SEO

C'est faisable mais plus technique et source d'erreurs.

Ce que je te conseille
Pour un thème de l'ampleur d'Atahualpa Reborn 2026, le plus propre est :

Étape 1 : je construis l'architecture complète du thème.

Étape 2 : je génère directement un fichier Blogger XML unique prêt à importer.

Comme un thème Blogger complet peut facilement dépasser 5 000 à 10 000 lignes, je devrai le produire en plusieurs messages, mais chaque partie sera conçue pour être fusionnée dans un seul fichier final.

Avant de commencer la génération, il me faut encore définir deux choix qui influencent toute l'architecture :

Largeur du site

1200 px (classique)

1400 px (moderne)

Full width adaptatif (recommandé)

Style de la page d'accueil

Blog classique (liste d'articles)

Magazine (grille + articles vedettes)

Hybride Atahualpa 2026 (recommandé)

Je recommande :

Largeur : Full width adaptatif

Accueil : Hybride Atahualpa 2026

Dès que tu confirmes, je commence la Partie 1 du véritable thème Blogger.

Parfait. Nous allons partir sur l'Option B et construire progressivement un véritable thème Atahualpa Reborn 2026 pour Blogger.

Je te recommande de conserver chaque partie dans un fichier texte (Notepad++, VS Code, etc.). Une fois toutes les parties générées, je te fournirai également une version fusionnée finale prête à importer dans Blogger.

Partie 1 — Structure XML principale

Cette première partie constitue l'ossature du thème.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2'
class='v2'
expr:dir='data:blog.languageDirection'
expr:lang='data:blog.locale'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<meta charset='UTF-8'/>
<meta content='width=device-width,initial-scale=1' name='viewport'/>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<meta expr:content='data:blog.metaDescription' name='description'/>

<link expr:href='data:blog.canonicalUrl' rel='canonical'/>

<meta content='index,follow,max-image-preview:large' name='robots'/>

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='website' property='og:type'/>

<meta content='summary_large_image' name='twitter:card'/>

<b:skin><![CDATA[
/* CSS sera ajouté dans la Partie 2 */
]]></b:skin>

</head>

<body>

<div id='theme-wrapper'>

<header id='site-header'>

<div class='topbar'>

<div class='container'>

<div class='topbar-left'>
<b:section id='topbar-left' maxwidgets='3' showaddelement='yes'/>
</div>

<div class='topbar-right'>
<b:section id='topbar-right' maxwidgets='3' showaddelement='yes'/>
</div>

</div>

</div>

<div class='header-main'>

<div class='container'>

<div class='logo-area'>

<b:if cond='data:blog.title'>
<h1 class='site-title'>
<a expr:href='data:blog.homepageUrl'>
<data:blog.title/>
</a>
</h1>
</b:if>

<b:if cond='data:blog.description'>
<p class='site-description'>
<data:blog.description/>
</p>
</b:if>

</div>

<div class='header-widget'>

<b:section id='header-widget'
maxwidgets='5'
showaddelement='yes'/>

</div>

</div>

</div>

<nav id='main-navigation'>

<div class='container'>

<b:section id='main-menu'
maxwidgets='1'
showaddelement='yes'/>

</div>

</nav>

</header>

<main id='content-area'>

<div class='container content-grid'>

<aside class='sidebar-left'>

<b:section id='sidebar-left'
maxwidgets='20'
showaddelement='yes'/>

</aside>

<section class='main-content'>

<b:section id='main-content'
maxwidgets='999'
showaddelement='yes'/>

</section>

<aside class='sidebar-right'>

<b:section id='sidebar-right'
maxwidgets='20'
showaddelement='yes'/>

</aside>

</div>

</main>

<footer id='site-footer'>

<div class='footer-widgets'>

<div class='container footer-grid'>

<div>
<b:section id='footer1'
maxwidgets='10'
showaddelement='yes'/>
</div>

<div>
<b:section id='footer2'
maxwidgets='10'
showaddelement='yes'/>
</div>

<div>
<b:section id='footer3'
maxwidgets='10'
showaddelement='yes'/>
</div>

<div>
<b:section id='footer4'
maxwidgets='10'
showaddelement='yes'/>
</div>

</div>

</div>

<div class='copyright'>

<div class='container'>

<p>
© <data:blog.title/> —
Atahualpa Reborn 2026
</p>

</div>

</div>

</footer>

</div>



</body>
</html>

Ce que contient déjà cette base

✅ Responsive ready
✅ SEO ready
✅ Open Graph
✅ Twitter Card
✅ Canonical URL
✅ Header flexible
✅ Double sidebar
✅ Footer 4 colonnes
✅ Zones widgets multiples
✅ Compatible Blogger XML moderne

Partie 2 à venir

La prochaine étape sera le CSS complet Atahualpa Reborn 2026, avec :

Variables de couleurs
Mode sombre
Responsive mobile
Cartes d'articles modernes
Menu sticky
Animations légères
Design inspiré de l'Atahualpa original mais modernisé
Optimisation Core Web Vitals

C'est la partie la plus volumineuse après le XML.

𝑪𝑨𝑷𝑰𝑻𝑨𝑰𝑵𝑬 𝑱𝑨𝑪𝑲 · 2026-06-01T14:47:30+0100

Parties 1 et 2 finies

GPT m'impose un délai car les crédits ont été utilisés
Partie 3 à suivre

Sinon, actuellement

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1' name='viewport'/>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='index,follow' name='robots'/>

<b:skin><![CDATA[

:root{
--primary:#2563eb;
--accent:#f97316;
--bg:#ffffff;
--text:#1f2937;
--muted:#6b7280;
--border:#e5e7eb;
--radius:14px;
--container:1300px;
}

/* DARK MODE */
body.dark{
--bg:#0f172a;
--text:#e5e7eb;
--muted:#94a3b8;
--border:#334155;
}

body{
margin:0;
font-family:Arial;
background:var(--bg);
color:var(--text);
line-height:1.7;
transition:.3s;
}

.container{
max-width:var(--container);
margin:auto;
padding:0 15px;
}

/* HEADER */
header{
position:sticky;
top:0;
background:var(--bg);
border-bottom:1px solid var(--border);
z-index:999;
}

.header-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 0;
}

.site-title{
font-size:24px;
font-weight:bold;
}

/* MENU */
nav ul{
display:flex;
gap:20px;
list-style:none;
padding:0;
}

nav a{font-weight:600}

/* MOBILE MENU */
.menu-toggle{
display:none;
cursor

ointer;
font-size:22px;
}

/* LAYOUT */
.layout{
display:grid;
grid-template-columns:260px 1fr 260px;
gap:20px;
margin-top:20px;
}

/* POSTS */
.post{
border:1px solid var(--border);
border-radius:var(--radius);
margin-bottom:20px;
overflow:hidden;
background:var(--bg);
}

.post h2{
padding:15px;
}

.post-body{
padding:15px;
}

/* SIDEBAR */
.sidebar .widget{
padding:15px;
border:1px solid var(--border);
border-radius:var(--radius);
margin-bottom:15px;
}

/* TOC */
.toc{
background:var(--bg);
border:1px solid var(--border);
padding:15px;
border-radius:var(--radius);
margin-bottom:20px;
}

/* BUTTON */
.btn{
background:var(--primary);
color:#fff;
padding:10px 15px;
border-radius:10px;
cursor

ointer;
border:none;
}

/* DARK BUTTON */
.dark-toggle{
cursor

ointer;
padding:8px 12px;
border:1px solid var(--border);
border-radius:10px;
}

/* BACK TO TOP */
#topBtn{
position:fixed;
bottom:20px;
right:20px;
display:none;
padding:10px 14px;
border:none;
border-radius:50%;
background:var(--primary);
color:#fff;
cursor

ointer;
}

@media(max-width:1000px){
.layout{grid-template-columns:1fr}
.sidebar{display:none}
.menu-toggle{display:block}
nav ul{display:none;flex-direction:column}
}

]]></b:skin>

</head>

<body>

<header>
<div class='container header-inner'>

<div class='site-title'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>

<div class='menu-toggle' onclick='toggleMenu()'>☰</div>

<nav>
<b:section id='menu' showaddelement='yes'/>
</nav>

<button class='dark-toggle' onclick='toggleDark()'>🌙</button>

</div>
</header>

<div class='container layout'>

<aside class='sidebar'>
<b:section id='sidebar-left' showaddelement='yes'/>
</aside>

<main>
<b:section id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='!data:mobile'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:loop values='data

osts' var='post'>
<b:if cond='data

ost.isDateStart and not data

ost.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data

ost.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data

ost.dateHeader'>
<h2 class='date-header'><span><data

ost.dateHeader/></span></h2>
</b:if>
<b:if cond='data

ost.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>


<b:if cond='data

ost.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:else/>
<b:include name='mobile-main'/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data

ostCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data

ostCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data

ost.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data

ost.appRpcRelayPath/>&#39

;
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<a class='comment-link' expr:href='data

ost.addCommentUrl' expr

nclick='data

ost.addCommentOnclick'>
<data

ost.commentLabelFull/>:
</a>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data

ost.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data

ost.allowComments'>
<h4><data

ost.commentLabelFull/>:</h4>

<b:if cond='data

ost.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data

ost.hasOlderLinks'>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.oldestLinkUrl'><data

ost.oldestLinkText/></a>
 
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.olderLinkUrl'><data

ost.olderLinkText/></a>
 
</b:if>

<data

ost.commentRangeText/>

<b:if cond='data

ost.hasNewerLinks'>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newerLinkUrl'><data

ost.newerLinkText/></a>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newestLinkUrl'><data

ost.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data

ost.avatarIndentClass' id='comments-block'>
<b:loop values='data

ost.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data

ost.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.oldestLinkUrl'>
<data

ost.oldestLinkText/>
</a>
<a expr:class='data

ost.oldLinkClass' expr:href='data

ost.olderLinkUrl'>
<data

ost.olderLinkText/>
</a>
 
<data

ost.commentRangeText/>
 
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newerLinkUrl'>
<data

ost.newerLinkText/>
</a>
<a expr:class='data

ost.newLinkClass' expr:href='data

ost.newestLinkUrl'>
<data

ost.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data

ost.embedCommentForm'>
<b:if cond='data

ost.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data

ost.noNewCommentsText/>
</b:if>
<b:elseif cond='data

ost.allowComments'/>
<a expr:href='data

ost.addCommentUrl' expr

nclick='data

ost.addCommentOnclick'><data

ostCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data

osts' var='post'>
<b:include cond='data

ost.allowComments and data

ost.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data

ost.dateHeader'>
<div class='date-header'>
<span><data

ost.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data

ost.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data

ost.title/>
</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data

ost.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data

ost.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data

ost.snippet'><data

ost.snippet/></b:if>
</div>
</div>

<div style='clear: both;'/>
</a>

<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data

ost.allowComments and data

ost.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data

osts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data

osts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data

lderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data

lderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data

lderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data

ost.dateHeader'>
<h2 class='date-header'><span><data

ost.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data

ost.thumbnailUrl'>
<meta expr:content='data

ost.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data

ost.id' itemprop='postId'/>

<a expr:name='data

ost.id'/>
<b:if cond='data

ost.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data

ost.link'>
<a expr:href='data

ost.link'><data

ost.title/></a>
<b:elseif cond='data

ost.url and data:blog.url != data

ost.url'/>
<a expr:href='data

ost.url'><data

ost.title/></a>
<b:else/>
<data

ost.title/>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='"post-body-" + data

ost.id' itemprop='articleBody'>
<data

ost.body/>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data

ost.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data

ost.authorProfileUrl' itemprop='url'/>
<a expr:href='data

ost.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data

ost.author/></span>
</span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data

ost.url'>
<meta expr:content='data

ost.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data

ost.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data

ost.timestampISO8601' itemprop='datePublished'><data

ost.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data

ost.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
</div>

</div>
</div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data

lderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data

lderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data

lderPageTitle'><data

lderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data

ost.firstImageUrl'>
<meta expr:content='data

ost.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data

ost.id' itemprop='postId'/>

<a expr:name='data

ost.id'/>
<b:if cond='data

ost.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data

ost.link or (data

ost.url and data:blog.url != data

ost.url)'>
<a expr:href='data

ost.link ? data

ost.link : data

ost.url'><data

ost.title/></a>
<b:else/>
<data

ost.title/>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>


<div class='post-body entry-content' expr:id='"post-body-" + data

ost.id' expr:itemprop='(data:blog.metaDescription ? "" : "description &quot

+ "articleBody"'>
<data

ost.body/>
<div style='clear: both;'/> 
</div>

<b:if cond='data

ost.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data

ost.url + "#more"' expr:title='data

ost.title'><data

ost.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data

ost.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data

ost.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data

ost.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data

ost.author/></span>
</span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data

ost.url'>
<meta expr:content='data

ost.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data

ost.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data

ost.timestampISO8601' itemprop='datePublished'><data

ost.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item","static_page"} and data

ost.allowComments' data='post' name='comment_count_picker'/>
</span>

<span class='post-icons'>

<b:if cond='data

ost.emailPostUrl'>
<span class='item-action'>
<a expr:href='data

ost.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>


<div class='post-share-buttons goog-inline-block'>
<b:include cond='data

ost.sharePostUrl' data='post' name='shareButtons'/>
</div>

</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:top.showPostLabels and data

ost.labels'>
<data

ostLabelsLabel/>
<b:loop values='data

ost.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation and data

ost.location'>
<data

ostLocationLabel/>
<a expr:href='data

ost.location.mapsUrl' target='_blank'><data

ost.location.name/></a>
</b:if>
</span>
</div>
<b:if cond='data

ost.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data

ost.authorPhoto.url'>
<img expr:src='data

ost.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data

ost.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data

ost.author/></span>
</a>
</div>
<span itemprop='description'><data

ost.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data

ost.editUrl'>
<span expr:class='"item-control " + data

ost.adminClass'>
<a expr:href='data

ost.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data

ost.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data

ost.sharePostUrl + "&target=blog"' expr

nclick='"window.open(this.href, \"_blank\", \"height=270,width=475\&quot

; return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data

ost.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data

ost.sharePostUrl + "&target=facebook"' expr

nclick='"window.open(this.href, \"_blank\", \"height=430,width=640\&quot

; return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data

ost.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data

ost.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data

ost.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data

ost.appRpcRelayPath/>&#39

;
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data

ost.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data

ost.commentJso/>;
var msgs = <data

ost.commentMsgs/>;
var config = <data

ost.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {
var text = (entry &&
((entry.content && entry.content.$t) ||
(entry.summary && entry.summary.$t))) ||
'';
if (entry && entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + text + '</span>';
}
}
}
return text;
}

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/comment/delete/'
+ config.blogId + '/' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><dataost.commentLabelFull/>:</h4>

<div class='comments-content'>
<b:include cond='dataost.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<dataost.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='dataost.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<dataost.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</main>

<aside class='sidebar'>
<b:section id='sidebar-right' showaddelement='yes'/>
</aside>

</div>

<button id='topBtn' onclick='window.scrollTo({top:0,behavior:'smooth'})'>↑</button>

<script>

// MENU MOBILE
function toggleMenu(){
const nav=document.querySelector("nav ul"
if(nav){
nav.style.display = nav.style.display==="flex"?"none":"flex";
}
}

// DARK MODE
function toggleDark(){
document.body.classList.toggle("dark"
}

// BACK TO TOP
window.onscroll=function(){
document.getElementById("topBtn&quot.style.display=
window.scrollY>300?"block":"none";
};

</script>

</body>
</html>

Sujets similaires	Réponses	Date
Autres BLOGGER : LA TAVERNE DU LOUP	1	Hier à 19:05
BLOGGER : Blogs et Sites Internet sur Blogger - Capitaine Jack	0	Samedi à 22:45
Autres Capitaine Jack sur Blogger Blogspot / Administration	0	Mercredi à 15:01
Autres PROBLEMES et maintenance Blogger - Blogspot	0	7/7/25
Breizh-Pêche Full-Passions Codes HTML CSS et JavaScript sur Blogger	0	5/5/23

Autres BLOGGER : Essai thème atahulpa

Hyper célèbre sur Wordpress​

Essai thème atahulpa

J' ai créé un début de template avec l' IA GEMINI hier soir​

GPT​

GPT​

Méthode 1 (recommandée)​

Méthode 2​

Ce que je te conseille​

Largeur du site​

Style de la page d'accueil​

Méthode 1 (recommandée)​

Méthode 2​

Ce que je te conseille​

Largeur du site​

Style de la page d'accueil​

Partie 1 — Structure XML principale​

Ce que contient déjà cette base​

Partie 2 à venir​

Parties 1 et 2 finies​

Sinon, actuellement​

Sujets populaires

Hyper célèbre sur Wordpress

J' ai créé un début de template avec l' IA GEMINI hier soir

GPT

GPT

Méthode 1 (recommandée)

Méthode 2

Ce que je te conseille

Largeur du site

Style de la page d'accueil

Méthode 1 (recommandée)

Méthode 2

Ce que je te conseille

Largeur du site

Style de la page d'accueil

Partie 1 — Structure XML principale

Ce que contient déjà cette base

Partie 2 à venir

Parties 1 et 2 finies

Sinon, actuellement