Documentation

Double Click To Copy Clipboard

<div class='pre html notranslate'>

  <pre>Your_Code_Here</pre>

</div>

Custom Numbering List Style

1. Content
2. Content

1. Content
2. Content

<ol class="style1">
<li> Content </li>
<li> Content </li>
<li> Content </li>
<li> Content </li>
<li> Content </li>
<li> Content </li>
<li> Content </li>
</ol>

Staylish Design Box

Design Box Green

• Your Text Hear
• Your Text Hear

Design Box Blue

1. Content
2. Content
3. Content
4. Content
5. Content
6. Content
7. Content

Design Box yellow

• Your Text Hear
• Your Text Hear

<div class="wendybox">

<h2>Design Box Green</h2>

<ul>

<li>Your Text Hear</li>

<li>Your Text Hear</li>

</ul>

</div>

<div class="wendybox box-blue">

<h2>Design Box Blue</h2>

<ul>

<li>Your Text Hear</li>

<li>Your Text Hear</li>

</ul>

</div>

<div class="wendybox box-yellow">

<h2>Design Box yellow</h2>

<ul>

<li>Your Text Hear</li>

<li>Your Text Hear</li>

</ul>

</div>

Table Content

Table Content

Nama	Coding Pro
Lisensi	Personal
Versi	1.0
Harga	Rp.100.000

Your_Code_Here

Your Paragraph

Your paragraph is here.

Related Posts

Related Posts

Your Text Heare

<details class='sp toc' open=''>

  <summary data-show='Show all' data-hide='Hide all'>Related Posts</summary>  

  <div class='toC' id='aRel'>Your Text Heare</div>

</details>

Drop Cap

HYour Story Heare

<p><span style="font-family: inherit;"><span class="dropCap">H</span>Your Story Heare</span></p>

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.

• Sed suscipit sapien sed turpis ultrices viverra. Ut quis dui sed odio sollicitudin fermentum.
• Aliquam vitae metus laoreet, dapibus enim sit amet, feugiat lorem. Sed in dui purus.

<blockquote class='s-1'>

  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus. 

    <ul>

      <li>Sed suscipit sapien sed turpis ultrices viverra. Ut quis dui sed odio sollicitudin fermentum.</li>

      <li>Aliquam vitae metus laoreet, dapibus enim sit amet, feugiat lorem. Sed in dui purus.</li>

    </ul>

  </div>

</blockquote>

Note Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et.

<p class='note'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et.</p>

Warning Box

Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus. Sed suscipit sapien sed turpis ultrices viverra.

<p class='note wr'>Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus. Sed suscipit sapien sed turpis ultrices viverra.</p>

Name	Position
Tiger Nixon	System Architect
Tiger Nixon	System Architect
Tiger Nixon	System Architect

Your_Code_Here

Toggle Show / Hide

Spoiler:

Your_text_is_here.

Toggle Content or Accordion

Title_is_here

Your_text_is_here.

Title_is_here

Your_text_is_here.

Your_Code_Here

External Link Code

Sample_external_link Sample_link_alt

Your_Code_Here

Buy Now Code

WhatsApp me! Buy now!

Your_Code_Here

Bottom

Bottom

Your_Code_Here

Download And Demo

Demo Download

Your_Code_Here

Download File

file_name.zip 200kb

Your_Code_Here

Download File

about_me.png 10kb

Your_Code_Here

Lazy YouTube

Your_Code_Here

Countdown Download Box

Music_Wallpaper.png Music

<!--[ Countdown Download Box ]-->
<div class='dldCo' id='download1'>
  <div class='dldBx'>
    <div class='dldTp'>
      <div class='dldIm' data-text='.png' style='background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnSOlzxOyYyfEBbBneSQa09bdDJdmn5b4OmIX8y7C69Kxm1ZPrj02DGGXtDQE3gcUTb5h2WBWCcVXPhOOKL46GN6A-xKWLmSaSbljP7JpQdhVz2hOClZLdH485tQG9I_Y-jQ2O8i2v4vesBKbLMVkdf6wI1nZICsR9ZOkk9F0lmbe7gYta9ofvyNouQ/s1600/Plus_UI_Typography%20%281%29.webp)'>
        <svg class='dldSv' viewBox='0 0 34 34'>
          <circle class='b' cx='17' cy='17' r='15.92' />
          <circle class='c dldPg' cx='17' cy='17' r='15.92' />
        </svg>
      </div>
      <div class='dldIn'>
        <span data-text='Name'>Music_Wallpaper.png</span>
        <span data-text='Category'>Music</span>
      </div>
    </div>
    <button onclick='download("#", "15", "false", "#download1")' class='dldBt dldDl'>Download File</button>
<button class='dldBt dldRt'>Download Again</button>
  </div>
  <div class='dldSl'>
    <div class='dldMe'></div>
  </div>
</div>
  

Reference Code With Like

1. Your Title hear
2. মুন্তাসির, মামুন (১৯৯৩)। ঢাকাঃ স্মৃতি বিস্মৃতির নগরী (প্রথমা প্রকাশ সংস্করণ)। ঢাকা: অন্যন্য।

<p class='pRef'>1. <a class='extL' href='http://' rel='noreferrer' target='_blank'>Your Title hear</a><br/>
2. মুন্তাসির, মামুন (১৯৯৩)। ঢাকাঃ স্মৃতি বিস্মৃতির নগরী (প্রথমা প্রকাশ সংস্করণ)। ঢাকা: অন্যন্য।<br/>
</p>