Rekomendasi produk pilihan silahkan klik link berikut ini Klik disini!
Beranda

Kode HTML

Gallery Images

Grid Images

<div class="grid-images" data-col="3" data-caption="Caption image grid">
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
</div>

Scroll Images

<div class="scroll-images">
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s800/image-vertical.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHROc3mQBv8BQnhlzid0ySj1O4ARM1TGc-N-EEOGwMDly_NaYxhzJwUY0jod5sZFfLBSX4j97tnihWcZjEO2JsIDEiQhFkOY6d5t-37va5KJKtTrWIvxZfL9hThIwr4t1lluuSUmjHcSkd2lVKmm0XGnQWTN69fpDbGO7GIBokOrGdvNyd32Rv3aE0g/s16000/image-vertical.png" /></a></div>
</div>

Masonry Images

<div class="masonry-images">
  <div class="masonry-inner-img">
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/_cvwXhGqG-o/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/_cvwXhGqG-o/300x300" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/AHBvAIVqk64/300x500" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="300" src="https://source.unsplash.com/AHBvAIVqk64/300x500" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/VLPLo-GtrIE/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/VLPLo-GtrIE/300x300" /></a></div>
  </div>
  
  <div class="masonry-inner-img">
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/A9rQeI2AdR4/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/A9rQeI2AdR4/300x300" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/dnL6ZIpht2s/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/dnL6ZIpht2s/300x300" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/vp9mRauo68c/300x500" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="300" src="https://source.unsplash.com/vp9mRauo68c/300x500" /></a></div>
  </div>
  
  <div class="masonry-inner-img">
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/Xm9-vA_bhm0/300x500" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="300" src="https://source.unsplash.com/Xm9-vA_bhm0/300x500" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/NTjSR3zYpsY/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/NTjSR3zYpsY/300x300" /></a></div>
    <div class="separator" style="clear: both; text-align: center;"><a href="https://source.unsplash.com/2JH8d3ChNec/300x300" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" src="https://source.unsplash.com/2JH8d3ChNec/300x300" /></a></div>
  </div>
</div>

Alerts

A simple default alert—check it out!

Informasi A simple default alert—check it out!

A simple default alert—check it out!

A simple default alert—check it out!

A simple default alert—check it out!

Tips A simple default alert—check it out! 

<p class="note">
  A simple default alert—check it out!
</p>

<p class="note info"><strong>Informasi</strong>
  A simple default alert—check it out!
</p>

<p class="note warning ">
  A simple default alert—check it out!
</p>

<p class="note success">
  A simple default alert—check it out!
</p>

<p class="note error">
  A simple default alert—check it out!
</p>

<p class="note tips">
  A simple default alert—check it out!
</p>

Blockquote

Temukan banyak template Blogger berkelas premium, serbaguna, dan responsif. 
<blockquote>
  Temukan banyak template Blogger berkelas premium, serbaguna, dan responsif.
</blockquote>
Bertumbuh secara perlahan adalah cara tercepat untuk bertumbuh.

—Ibrahim Vatih 
<blockquote class="style1">
  Bertumbuh secara perlahan adalah cara tercepat untuk bertumbuh.
  <br>
  <br>
  <em>—Ibrahim Vatih</em>
</blockquote>

Button

TrebEdit
Instagram 6.6 MB 
<div class='dl-box'>
  <span class='dl-img' data-text='.apk'><img alt="TrebEdit" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PdEZCgIXwBxA6SlWnzIg10WExpDQshZqNEDbqXq2LbP7Gn4IDIMsIqqLCKbG1xhyQX3rp2ykSfBE5XKuxBP39tf23zCOFMSOeZTyU5ATqA9tnnwLkzQoTgUlxpAoE72W5KKM-FSBdV6D6FX656BV6I449nnwuB9PwW2hgsA2pQJ74BTbCAa2c2OJdg/s100/ig.png" width="52" /></span>
  <div class='dl-name'>
    <span>Instagram</span>
    <span class='dl-size'>6.6 MB</span>
  </div>
  <a class='button' aria-label='Download' href='#'></a>
</div>
Username.txt 12.6 KB 
<div class='dl-box'>
  <span class='dl-img' data-text='.txt'></span>
  <div class='dl-name'>
    <span>Username.txt</span>
    <span class='dl-size'>12.6 KB</span>
  </div>
  <a class='button' aria-label='Download' href='#'></a>
</div>

Step Content

Buka Aplikasi Instagram

Buka aplikasi Instagram, jika belum punya aplikasinya, silahkan unduh melalui kotak unduhan di bawah ini.

Pilih Video atau Foto

Jika sudah menemukan video atau foto yang diinginkan, klik titik tiga ( ⋮ ) yang berada di sebelah kanan atas foto atau video, kemudian klik tombol Tautan untuk menyalin url foto/videonya.

Salin tautan instagram

Buka Situs Pengunduhan

Setelah menyalin url video, keluar dari aplikasi Instagram, kemudian buka browser yang ada di HP kamu. Pada contoh kali ini saya menggunakan browser Chrome.

Buka situs berikut ini https://igram.world/id/ lalu klik tombol Paste untuk menempelkan link video yang sudah disalin tadi. Klik tombol Unduh untuk menampilkan video.

Buka situs igram.world

Akan muncul video Instagram yang sudah disalin tadi, untuk mendownloadnya klik tombol Unduh.mp4 dan proses download akan berlangsung.

<div class="pStep">
  <div class="stepContent">
    <h3>Buka Aplikasi Instagram</h3>
    <p>Buka aplikasi Instagram, jika belum punya aplikasinya, silahkan unduh melalui kotak unduhan di bawah ini.</p>
  </div>
  <div class="stepContent">
    <h3>Pilih Video atau Foto</h3>
    <p>Jika sudah menemukan video atau foto yang diinginkan, klik titik tiga <b>( ⋮ )</b> yang berada di sebelah kanan atas foto atau video, kemudian klik tombol <b>Tautan</b> untuk menyalin url foto/videonya.</p>
    <img alt="Salin tautan instagram" height="720" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09L_vkGHvgAvrFZ1jGm-4f0HvgN2YfwIbjrqi2qJVLH_JGkH-KD7FFvNzzjPlMUZdmK3FdditSf9GzEWEw72plJFBiG8iI67idnU_0iwCs2A-tBJ11N4PchUpSngwGBqml8SZ7R8RKPIBJdVXr2tVvbW4hXMZqfpT-K582iHitu2KDxajMcXxYzJiIg/s1600/salin-tautan-ig.jpg" width="1280" />
  </div>
  <div class="stepContent">
    <h3>Buka Situs Pengunduhan</h3>
    <p>Setelah menyalin url video, keluar dari aplikasi Instagram, kemudian buka browser yang ada di HP kamu. Pada contoh kali ini saya menggunakan browser Chrome.</p>
    <p>Buka situs berikut ini <a href="https://igram.world/id/" rel="nofollow noopener" target="_blank">https://igram.world/id/</a> lalu klik tombol Paste untuk menempelkan link video yang sudah disalin tadi. Klik tombol <b>Unduh</b> untuk menampilkan video.</p>
    <img alt="Buka situs igram.world" height="720" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRoVPmVlj_4xaOcH4AiTrhovFoDtVeMpSddFRcKMuUAyV8qdfwDT2yC-RjHjpsSN9cF67lOLojYoNkB-lYqnGt97kVaAiOrgrff819yTE-6RAqKO1gA8FQP4KJt5ejADnnR6TwxuOnW0x8wTSjtV9ROyjJOmd5xKaDEqAF_2dHEZRCXw4PErgjIgLz1Q/s1600/igram.jpg" width="1280" />
    <p>Akan muncul video Instagram yang sudah disalin tadi, untuk mendownloadnya klik tombol <b>Unduh.mp4</b> dan proses download akan berlangsung.</p>
  </div>
</div>

List

  1. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  2. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
  3. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 
<ol class="style1">
  <li>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  </li>
  <li>
    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
  </li>
  <li>
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
  </li>
</ol>
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  • Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
  • It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 
<ul class="style1">
  <li>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  </li>
  <li>
    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
  </li>
  <li>
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
  </li>
</ul>

Baca Juga

Cara Download Video Instagram, Reels, dan Foto Full HD Tanpa Aplikasi 

<p class="baca-juga">
  <a href="#" title="Cara Download Video Instagram">Cara Download Video Instagram, Reels, dan Foto Full HD Tanpa Aplikasi</a>
</p>

Syntax Highlighter

<pre><code class="language-html">Your code here</code></pre>

language-html ganti html dengan opsi bahasa seperti HTML language-html, CSS language-css, JavaScript language-javascript. dan Your code here ganti dengan isi kode syntax

Penerapan Syntax Highlighter

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Sample HTML</title>
</head>
<body>
  <p>Sample Text</p>
</body>
</html>
body {
  background-color:#ffffff;
  color:#000000;
  font-size:14px;
  font-weight:400;
  font-family:'Roboto', sans-serif;
  line-height:1.5;
  margin:0;
  padding:0;
}
h1, h2, h3, h4, h5, h6 {
  margin:28px 0 15px;
}
p {
  text-align:left;
  margin:15px 0;
}
$('#mybutton').click(function() {
  $(this).toggleClass('active');
});

Table

1. Default Table

No. Template Name Version Type Price
1 Gila Material Pro (GMP) 1.3 Premium IDR140.000
2 Vulia Theme 2.0 Premium IDR230.000
3 Zerch Pro 1.2 Premium IDR175.000
4 Jobzeek 1.1 Premium IDR250.000
5 Spaceback UI 1.0 Premium IDR235.000
6 Maximum 1.0 Premium IDR135.000 
<div class="table">
  <table>
    <thead>
      <tr>
        <th>No.</th>
        <th>Template Name</th>
        <th>Version</th>
        <th>Type</th>
        <th>Price</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>1</th>
        <td>Gila Material Pro (GMP)</td>
        <td>1.3</td>
        <td>Premium</td>
        <td>IDR140.000</td>
      </tr>
      <tr>
        <th>2</th>
        <td>Vulia Theme</td>
        <td>2.0</td>
        <td>Premium</td>
        <td>IDR230.000</td>
      </tr>
      <tr>
        <th>3</th>
        <td>Zerch Pro</td>
        <td>1.2</td>
        <td>Premium</td>
        <td>IDR175.000</td>
      </tr>
      <tr>
        <th>4</th>
        <td>Jobzeek</td>
        <td>1.1</td>
        <td>Premium</td>
        <td>IDR250.000</td>
      </tr>
      <tr>
        <th>5</th>
        <td>Spaceback UI</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR235.000</td>
      </tr>
      <tr>
        <th>6</th>
        <td>Maximum</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR135.000</td>
      </tr>
    </tbody>
  </table>
</div>

2. Tanpa Garis Kolom

No. Template Name Version Type Price
1 Gila Material Pro (GMP) 1.3 Premium IDR140.000
2 Vulia Theme 2.0 Premium IDR230.000
3 Zerch Pro 1.2 Premium IDR175.000
4 Jobzeek 1.1 Premium IDR250.000
5 Spaceback UI 1.0 Premium IDR235.000
6 Maximum 1.0 Premium IDR135.000 
<div class="table noLine">
  <table>
    <thead>
      <tr>
        <th>No.</th>
        <th>Template Name</th>
        <th>Version</th>
        <th>Type</th>
        <th>Price</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>1</th>
        <td>Gila Material Pro (GMP)</td>
        <td>1.3</td>
        <td>Premium</td>
        <td>IDR140.000</td>
      </tr>
      <tr>
        <th>2</th>
        <td>Vulia Theme</td>
        <td>2.0</td>
        <td>Premium</td>
        <td>IDR230.000</td>
      </tr>
      <tr>
        <th>3</th>
        <td>Zerch Pro</td>
        <td>1.2</td>
        <td>Premium</td>
        <td>IDR175.000</td>
      </tr>
      <tr>
        <th>4</th>
        <td>Jobzeek</td>
        <td>1.1</td>
        <td>Premium</td>
        <td>IDR250.000</td>
      </tr>
      <tr>
        <th>5</th>
        <td>Spaceback UI</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR235.000</td>
      </tr>
      <tr>
        <th>6</th>
        <td>Maximum</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR135.000</td>
      </tr>
    </tbody>
  </table>
</div>

3. Dengan Background

No. Template Name Version Type Price
1 Gila Material Pro (GMP) 1.3 Premium IDR140.000
2 Vulia Theme 2.0 Premium IDR230.000
3 Zerch Pro 1.2 Premium IDR175.000
4 Jobzeek 1.1 Premium IDR250.000
5 Spaceback UI 1.0 Premium IDR235.000
6 Maximum 1.0 Premium IDR135.000 
<div class="table withBg">
  <table>
    <thead>
      <tr>
        <th>No.</th>
        <th>Template Name</th>
        <th>Version</th>
        <th>Type</th>
        <th>Price</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>1</th>
        <td>Gila Material Pro (GMP)</td>
        <td>1.3</td>
        <td>Premium</td>
        <td>IDR140.000</td>
      </tr>
      <tr>
        <th>2</th>
        <td>Vulia Theme</td>
        <td>2.0</td>
        <td>Premium</td>
        <td>IDR230.000</td>
      </tr>
      <tr>
        <th>3</th>
        <td>Zerch Pro</td>
        <td>1.2</td>
        <td>Premium</td>
        <td>IDR175.000</td>
      </tr>
      <tr>
        <th>4</th>
        <td>Jobzeek</td>
        <td>1.1</td>
        <td>Premium</td>
        <td>IDR250.000</td>
      </tr>
      <tr>
        <th>5</th>
        <td>Spaceback UI</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR235.000</td>
      </tr>
      <tr>
        <th>6</th>
        <td>Maximum</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR135.000</td>
      </tr>
    </tbody>
  </table>
</div>

4. Dengan Background Tanpa Garis

No. Template Name Version Type Price
1 Gila Material Pro (GMP) 1.3 Premium IDR140.000
2 Vulia Theme 2.0 Premium IDR230.000
3 Zerch Pro 1.2 Premium IDR175.000
4 Jobzeek 1.1 Premium IDR250.000
5 Spaceback UI 1.0 Premium IDR235.000
6 Maximum 1.0 Premium IDR135.000 
<div class="table noLine withBg">
  <table>
    <thead>
      <tr>
        <th>No.</th>
        <th>Template Name</th>
        <th>Version</th>
        <th>Type</th>
        <th>Price</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>1</th>
        <td>Gila Material Pro (GMP)</td>
        <td>1.3</td>
        <td>Premium</td>
        <td>IDR140.000</td>
      </tr>
      <tr>
        <th>2</th>
        <td>Vulia Theme</td>
        <td>2.0</td>
        <td>Premium</td>
        <td>IDR230.000</td>
      </tr>
      <tr>
        <th>3</th>
        <td>Zerch Pro</td>
        <td>1.2</td>
        <td>Premium</td>
        <td>IDR175.000</td>
      </tr>
      <tr>
        <th>4</th>
        <td>Jobzeek</td>
        <td>1.1</td>
        <td>Premium</td>
        <td>IDR250.000</td>
      </tr>
      <tr>
        <th>5</th>
        <td>Spaceback UI</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR235.000</td>
      </tr>
      <tr>
        <th>6</th>
        <td>Maximum</td>
        <td>1.0</td>
        <td>Premium</td>
        <td>IDR135.000</td>
      </tr>
    </tbody>
  </table>
</div>

Review Rating

Kualitas
Desain
Fitur
Harga

Choral Vlux Waistbag merupakan produk buatan lokal yang cukup menarik. Mengusung desain yang kekinian dengan menghadirkan beberapa fitur multifungsi. Menggunakan bahan dasar tahan air dengan harga yang cukup terjangkau.

 
<div class="rt-review">
  <div class="rt-point">
    <div class="rt-star">
      <span>Kualitas</span>
      <span>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-null"></i>
      </span>
    </div>

    <div class="rt-star">
      <span>Desain</span>
      <span>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-sec"></i>
      </span>
    </div>
    
    <div class="rt-star">
      <span>Fitur</span>
      <span>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-null"></i>
        <i class="star-null"></i>
      </span>
    </div>

    <div class="rt-star">
      <span>Harga</span>
      <span>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-full"></i>
        <i class="star-sec"></i>
        <i class="star-null"></i>
      </span>
    </div>
  </div>
  <div class="rt-sum-total">
    <p>Choral Vlux Waistbag merupakan produk buatan lokal yang cukup menarik. Mengusung desain yang kekinian dengan menghadirkan beberapa fitur multifungsi. Menggunakan bahan dasar tahan air dengan harga yang cukup terjangkau.</p>
    <span data-rating="4.0" data-text="OVERALL SCORE"><div>
      <i class="star-full"></i>
      <i class="star-full"></i>
      <i class="star-full"></i>
      <i class="star-full"></i>
      <i class="star-null"></i>
    </div></span>
  </div>
</div>

Affiliator Box

Gatsby Styling Pomade Supreme Grease

Halo
Rp100.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia

Superior Pomade

Halo
Rp80.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia

Tancho Pomade

Halo
Rp2.100.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia

Bellagio Homme Pomade Natural Shine & Extreme Hold

Halo
Rp1.050.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia

Barber Daily Strong Compound Pomade

Halo
Rp.20.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia

Hair Coloring Pomade

Halo
Rp.100.000
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia 
<div class="aff-wrapper">
  <div class="aff-box">
    <h3>Gatsby Styling Pomade Supreme Grease</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Cukup Murah">Rp100.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
  
  <div class="aff-box">
    <h3>Superior Pomade</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Murah">Rp80.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
  
  <div class="aff-box">
    <h3>Tancho Pomade</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Mahal">Rp2.100.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
  
  <div class="aff-box">
    <h3>Bellagio Homme Pomade Natural Shine & Extreme Hold</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Cukup Mahal">Rp1.050.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
  
  <div class="aff-box">
    <h3>Barber Daily Strong Compound Pomade</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Sangat Murah">Rp.20.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
  
  <div class="aff-box">
    <h3>Hair Coloring Pomade</h3>
    <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s1600-rw/win11-pro-preview1.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Halo" border="0" data-original-height="800" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoLf1nLg6uPe7EHzw6tjinjufqZqUAU4UtDnmfmEHf4GefGcH5YUL_eH5Mcn7GA-AkEtdO_-0DO3vkHl4z0yeieISIxJPatYjLIciLjuhTNePj2C6ge9zjwdAMoD3eRlEXv5mcffu_AwflQeKmII6IgKag8qXMAIkL1YxaIEIJS50n4E7ntBjl2H60DQ/s16000/win11-pro-preview1.jpg" title="Halo" /></a></div>

    <div class="aff-menu">
      <span data-info="Cukup Sesuai">Rp.100.000</span>
      <div class="aff-cta">
        <a class="aff-shp" title="Shopee" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Shopee</a>
        <a class="aff-tkt" title="Tiktok Shop" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tiktok Shop</a>
        <a class="aff-tkp" title="Tokopedia" href="#" rel="nofollow noopener" role="button" target="_blank">Lihat Produk di Tokopedia</a>
      </div>
    </div>
  </div>
</div>
Gomuda Hoodie Rajut Full Zip
Gomuda Hoodie Rajut Pria Full Zip
Rp238.500
Lihat Produk di Shopee Lihat Produk di Tiktok Shop Lihat Produk di Tokopedia 
<div class="aff-box">
  <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZkNVfl2Rim_x-Sd3OSlZdf7sMxGNetdkiqNzs1BwoBY49bCvuvSRSL_rxTiL31nGLKK_ldAsHUsJarSacD3fDBIgTAufBsJ7a6Jvx4UslmMgyH0apPjjT9KZ_CNfYQsdWa3CqyEdYaoCb2rW4bIShIuSNY5yfQMqZMI32XITP9m5janAgzLERsTLEv0G/s1600/gomuda-hoodie-rajut.webp" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Gomuda Hoodie Rajut Full Zip" border="0" data-original-height="600" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZkNVfl2Rim_x-Sd3OSlZdf7sMxGNetdkiqNzs1BwoBY49bCvuvSRSL_rxTiL31nGLKK_ldAsHUsJarSacD3fDBIgTAufBsJ7a6Jvx4UslmMgyH0apPjjT9KZ_CNfYQsdWa3CqyEdYaoCb2rW4bIShIuSNY5yfQMqZMI32XITP9m5janAgzLERsTLEv0G/s1600/gomuda-hoodie-rajut.webp" title="Gomuda Hoodie Rajut Full Zip" /></a></div>
  <div class="aff-menu">
    <div class="aff-title">Gomuda Hoodie Rajut Pria Full Zip</div>
    <span data-info="Cukup Murah">Rp238.500</span>
    <div class="aff-cta">
      <a class="aff-shp" href="https://s.shopee.co.id/20bajpYDmi" rel="nofollow noopener" role="button" target="_blank" title="Shopee">Lihat Produk di Shopee</a>
      <a class="aff-tkt" href="https://vt.tokopedia.com/t/ZSYEmvPr1/" rel="nofollow noopener" role="button" target="_blank" title="Tiktok Shop">Lihat Produk di Tiktok Shop</a>
      <a class="aff-tkp" href="https://tokopedia.link/pnJgmDpkLLb" rel="nofollow noopener" role="button" target="_blank" title="Tokopedia">Lihat Produk di Tokopedia</a>
    </div>
  </div>
</div>

Referensi

Sumber Referensi
Nur Baits, A. (2013). Saat Buka Puasa Baru Sadar Sedang Haid – Konsultasisyariah. diakses pada 10 Mei 2020, melalui https://konsultasisyariah.com/18974-saat-buka-puasa-baru-sadar-sedang-haid.html 
<details class="pRef">
  <summary>Sumber Referensi</summary>
  <div>
    <span data-nosnippet="">Nur Baits, A. (2013). Saat Buka Puasa Baru Sadar Sedang Haid – Konsultasisyariah. diakses pada 10 Mei 2020, melalui https://konsultasisyariah.com/18974-saat-buka-puasa-baru-sadar-sedang-haid.html</span>
  </div>
</details>

Tulisan Arab

وَمِنْهُمْ مَّنْ عٰهَدَ اللّٰهَ لَىِٕنْ اٰتٰىنَا مِنْ 
<span class="textArab">وَمِنْهُمْ مَّنْ عٰهَدَ اللّٰهَ لَىِٕنْ اٰتٰىنَا مِنْ</span>
وَمِنْهُمْ مَّنْ عٰهَدَ اللّٰهَ لَىِٕنْ اٰتٰىنَا مِنْ فَضْلِهٖ لَنَصَّدَّقَنَّ وَلَنَكُوْنَنَّ مِنَ الصّٰلِحِيْنَ ٧٥
Di antara mereka ada orang yang telah berjanji kepada Allah, “Sesungguhnya jika Dia memberikan sebagian dari karunia-Nya kepada kami, niscaya kami akan benar-benar bersedekah dan niscaya kami benar-benar termasuk orang-orang yang saleh”. (QS. At-Taubah : 75) 
<div class="blockArab">
  <div class="textArab">
  وَمِنْهُمْ مَّنْ عٰهَدَ اللّٰهَ لَىِٕنْ اٰتٰىنَا مِنْ فَضْلِهٖ لَنَصَّدَّقَنَّ وَلَنَكُوْنَنَّ مِنَ الصّٰلِحِيْنَ ٧٥
  </div>

  <div class="artiArab">
    Di antara mereka ada orang yang telah berjanji kepada Allah, “<i><mark>Sesungguhnya jika Dia memberikan sebagian dari karunia-Nya kepada kami, niscaya kami akan benar-benar bersedekah dan niscaya kami benar-benar termasuk orang-orang yang saleh</mark></i>”. (QS. At-Taubah : 75)
  </div>
</div>

Youtube Embed

1. Youtube Embed Default Blogger

<iframe class="BLOG_video_class" loading="lazy" allowfullscreen="" youtube-src-id="WQmgnjVdfqQ" width="600" height="498" src="https://www.youtube.com/embed/WQmgnjVdfqQ"></iframe>

2. Youtube Embed With Lazyload

<div class='lazyYt' data-embed='k1AC2SwIs5w' style='z-index: 1;'>
  <div class='play'>
    <svg viewbox='0 0 213.7 213.7'><polygon class='t' points='73.5,62.5 148.5,105.8 73.5,149.1'></polygon><circle class='c' cx='106.8' cy='106.8' r='103.3'></circle></svg>
  </div>
</div>

3. Youtube Embed With Defer

video dzikir petang Muzammil Hasballah 
<div class="videoYt">
  <iframe class="lazy" loading="lazy" width="560" height="315" data-src="https://www.youtube.com/embed/k1AC2SwIs5w" title="Dzikir Petang Muzammil Hasballah" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<i style='display:block;text-align:center;font-size:13px'>video dzikir petang Muzammil Hasballah</i>

Line Break

<hr/>

Mark

Saat ini, usia saya sudah masuk kepala tiga, dan itu sudah tidak bisa di bilang muda. Setiap hari saya selalu berpikir bagaimana agar saya bisa hidup normal layaknya orang lain pada umumnya.

<p>Saat ini, usia saya sudah <mark class="mask">masuk kepala tiga</mark>, dan itu sudah tidak bisa di bilang muda. Setiap hari <mark>saya selalu berpikir</mark> bagaimana agar saya bisa hidup normal layaknya orang lain pada umumnya.</p>