Notification texts go here Contact Us Buy Now!

Pasang Note Block and Spoiler

1 min read
Pemasangan Note Block and Spoiler kalian dapat menggunakan syntax dibawah ini :

Note Block

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

<h6>Warning</h6>
<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>

Tulisan Primary dan Warning merupakan jenis warna dari Note Block silahkan pilih salah satu mana yang akan kalian gunakan.

Spoiler

Spoiler hampir sama dengan Accordion, untuk penerapan pada postingan silahkan gunakan kode dibawah ini :
<details class='sp'>
  <summary data-show='Show all' data-hide='Hide all'>Spoiler:</summary>
  <p>While lorem ipsum's still resembles classical Latin, it actually has no meaning whatsoever. As Cicero's text doesn't contain the letters K, W, or Z, alien to latin, these, and others are often inserted randomly to mimic the typographic appearence of European languages, as are digraphs not to be found in the original.</p>
</details>

Ganti tulisan cetak tebal dengan yang kalian inginkan.
Untuk DEMO bisa KLIK DISINI

Anda mungkin menyukai postingan ini

  • Untuk pemasangan thumbnail hanya pada homepage (tidak ditampilkan pada halaman posting) bisa mengikuti syntax berikut ini. <noscript><img alt="AG Excel"…
  • Untuk memasang iframe video youtube, pada template ini, bisa dengan menggunakan dua cara : Menggunakan Lazzy Load Menggunakan Dever Youtube Video Menggunakan Lazzy Lo…
  • Untuk Contoh penggunaan tabs dalam postingan bisa dilihat pada postingan sebelumnya disini Penerapan syntaxnya sebagai berikut : <!--[ Active function ]--> <input…
  • Pemasangan Table of Content hanya menambahkan tag  <h2> Sub Judul disini </h2> Contoh seperti berikut ini : <h2>Sub Judul Satu</h2> Ini a…
  • Terdapat 4 jenis button yang dapat dipasang pada laman statis ataupun postingan blog, diantaranya :Download CardDefault ButtonOutline ButtonButton With SVG IconExternal Linkberik…
  • Langkah memasang tabel pada postingan blog dapat mengikuti langkah berikut ini. Membuat tag div pembuka dan penutup <div class='table w100'> Kode tabel …