Home

Doc

Full Width Page

.elcreative_container main .section{max-width:1000px!important}

Breadcrumb List

<div class="custom-breadcrumb" data-label1="Home" data-label2="Tools" data-label-url2="/p/tools.html"></div>

Gambar Artikel Metadata

<div itemscope itemtype="https://schema.org/ImageObject" class="flex flex-col gap-4 my-6">
  <img itemprop="contentUrl" class="rounded-md shadow-md" title="BKD Reza Dalam Google Sheets" alt="BKD Reza Dalam Google Sheets" width="800" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAlqI-SCcO0HZAN6pRWdgP8_Enl4pEDU7bR6LBxTyEhZbcU-lRZXdjocU4k34nH31Utsg1XrEdWvdxoWlatWy7l6DxmZEjIIfF3FGtCMDny98r2q8C1ZaEQ_VJJ9MfAWoqrY1wGQ1GfbmuD57HKBzmmfpyzb4xQJ_yaE_X1Smt6jAYVJ4yVjibjK_/s1600/bkd-reza-dalam-google-sheets.png"/>
  <div class="text-xs text-colorMeta leading-3 flex flex-col md:flex-row justify-between gap-2">
    <div class="flex flex-row justify-between gap-2">
      <a href="https://www.rezalubis.com/p/lisensi.html" itemprop="license" class="">Lisensi</a>
      <a href="https://www.rezalubis.com/p/lisensi.html#gambar" itemprop="acquireLicensePage" class="">Gunakan ulang</a>
    </div>
    <div class="flex justify-between gap-2">
      <span class="inline-block" itemprop="creator" itemscope itemtype="https://schema.org/Person">
        <b>Pembuat: </b><span class="inline-block" itemprop="name" class="inline-block ">Reza Noprial Lubis</span>
      </span>
      <span class="inline-block" >
        <b>Hak Cipta: </b><span itemprop="copyrightNotice" class="inline-block">Reza Noprial Lubis</span>
      </span>
      <span class="inline-block">
        <b>Credit: </b><span itemprop="creditText" class="italic inline-block">Lubislabs</span>
      </span>
    </div>
  </div>
</div>

Background Image

<div class="w-full aspect-video">
  <div class="block h-full w-full shrink-0 grow-0 rounded-lg bg-contain bg-center bg-no-repeat lazyloaded" data-image="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOp8VRw_yvum5cB4rqsAAS_xJWBA4aEdOraIgBuKN8E0Hmru3pYsYso6If68GBfvyHNVgee02lvgDiJCcnQJNtH_Mv1lhhlH0tlZhNoATaLdFGkITtroW669LANVFtgPKmzrc9BVUk9oTE5d6HGWTxBePuVCSpETdec1EVZe0VbHzY3Q/s1600-rw/NVivo%20(1).webp" style="background-image: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOp8VRw_yvum5cB4rqsAAS_xJWBA4aEdOraIgBuKN8E0Hmru3pYsYso6If68GBfvyHNVgee02lvgDiJCcnQJNtH_Mv1lhhlH0tlZhNoATaLdFGkITtroW669LANVFtgPKmzrc9BVUk9oTE5d6HGWTxBePuVCSpETdec1EVZe0VbHzY3Q/s1600-rw/NVivo%20(1).webp&quot;);"></div>
</div>

List

<div class="flex w-full flex-row items-start justify-start p-2 rounded-md bg-colorBlue400 hover:bg-colorKey hover:text-colorBackground">
      <svg class="shrink-0 grow-0 text-colorKey dark:text-colorDarkKey ltr:mr-4 rtl:ml-4 " viewBox="0 0 24 24" height="24" width="24" fill="currentColor" aria-hidden="true"><path d="M10.6 15.02c-.18 0-.36-.07-.49-.2l-1.86-1.86c-.27-.27-.27-.71 0-.99s.71-.27.99 0l1.37 1.37 4.16-4.16c.27-.27.71-.27.99 0s.27.71 0 .99l-4.65 4.65c-.14.14-.31.2-.49.2Zm9.83 5.41C22 18.86 22 16.57 22 12c0-.39-.31-.7-.7-.7s-.7.31-.7.7c0 4.19 0 6.29-1.16 7.45-1.16 1.16-3.26 1.16-7.45 1.16s-6.29 0-7.45-1.16C3.38 18.29 3.38 16.19 3.38 12s0-6.29 1.16-7.45C5.7 3.39 7.8 3.39 11.99 3.39s6.29 0 7.45 1.16c.71.71 1.01 1.73 1.11 3.76.02.39.35.68.73.66.39-.02.68-.35.66-.73-.1-2-.4-3.56-1.52-4.68-1.57-1.57-3.86-1.57-8.43-1.57s-6.87 0-8.43 1.57c-1.57 1.57-1.57 3.86-1.57 8.43s0 6.87 1.57 8.43c1.57 1.57 3.86 1.57 8.43 1.57s6.87 0 8.43-1.57Z"></path></svg>
      <span class="no_style mt-0.5 inline-block first:mt-0">Fitur VOSviewer</span>
    </div>

Width Height Image

Footnote Generator

Hasil Footnote: