12 Maret 2023

Ngerapihin Heading Blog

Heading blog pada tema yang diterapin di BlEnDiDS ini yaitu Tema Simple Simply Simple bikin Admin kurang sreg.

BlEnDiDS-HeadingBlog-Awal

Strukturnya:

  • Judul blog: h1.
  • Penanggalan dan judul widget/gadget: h2.
  • Judul entri posting: h3.
  • Pengantar berkomentar: h4.

Yang dipengenin:

  • Judul blog: h1.
  • Judul entri posting: h2.
  • Judul widget/gadget: h3.
  • Penanggalan dan pengantar berkomentar: tanpa heading.

Jadi, Admin mengubah:

  • <Group description="Post Title" selector="h3.post-title, .comments h4"> menjadi <Group description="Post Title" selector="h2.post-title">.
  • <Group description="Gadgets" selector="h2"> menjadi <Group description="Gadgets" selector="h3">.
  • div.widget > h2, div.widget h2.title menjadi div.widget > h3, div.widget h3.title.
  • h2.date-header menjadi .date-header.
  • h3.post-title, .comments h4 menjadi h2.post-title.
  • .mobile h3.post-title menjadi .mobile h2.post-title.
  • <h2 class='date-header'><span><data:post.dateHeader/></span></h2> menjadi <div class='date-header'><span><data:post.dateHeader/></span></div>.
  • <h4 id='comment-post-message'><a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> menjadi <div id='comment-post-message'><a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></div>
  • <h4 id='comment-post-message'><data:postCommentMsg/></h4> menjadi <div id='comment-post-message'><data:postCommentMsg/></div>.
  • <h4><data:post.commentLabelFull/>:</h4> menjadi <div><data:post.commentLabelFull/>:</div>
  • <h3 class='mobile-index-title entry-title' itemprop='name'><data:post.title/></h3> menjadi <h2 class='mobile-index-title entry-title' itemprop='name'><data:post.title/></h2>
  • <h2 class='date-header'><span><data:post.dateHeader/></span></h2> menjadi <div class='date-header'><span><data:post.dateHeader/></span></div>
  • <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h3>
    menjadi
    <h2 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h2>
  • <h2><data:title/></h2> menjadi <h3><data:title/></h3>.

Wuaahh.. Banyak banget yang mesti dirubah, ya! Tapi, begitulah.