Shortcodes Theme Blogger

Fungsionalitas ini sangat bermanfaat terutama untuk situs web yang memiliki banyak halaman atau sejumlah besar konten. Dengan hanya menambahkan shortcode ini ke halaman atau postingan, pengelola situs dapat meningkatkan pengalaman pengguna dengan memungkinkan akses yang lebih mudah dan cepat ke berbagai bagian situs yang relevan. Singkatnya, ini adalah solusi yang cerdas untuk memperbaiki navigasi situs dan membuat pengunjung merasa lebih nyaman dan efisien saat menjelajahi konten yang disediakan.

<a class="tocify-title" href="javascript:;" role="button" title="Table of Contents">Table of Contents</a>
<div class="tocify-inner" style="display: none;">
  <ol data-toc="div.item-post-inner" data-toc-headings="h2,h3,h4"></ol>
</div>
<script>
  document.querySelector('.tocify-title').addEventListener('click', function() {
    var tocInner = document.querySelector('.tocify-inner');
    if (tocInner.style.display === 'none') {
      tocInner.style.display = 'block';
    } else {
      tocInner.style.display = 'none';
    }
  });
</script>

Default Buttons

<a href="https://www.mtalkblog.com/" rel="nofollow" target="_blank" class="button btn download">Download</a>

Bordered Table

Firstname	Lastname	Email
John	Doe	john@example.com
Mary	Moe	mary@example.com
July	Dooley	july@example.com

Contact Form

 

<div class="contact-form">

    <div class="widget ContactForm" data-version="2" id="ContactForm1">

        <div class="widget-title">

            <h3 class="title">Formulir Kontak</h3>

        </div>

        <div class="widget-content contact-form-widget">

            <div class="form">

                <form name="contact-form">

                    <input aria-label="Nama" class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Nama" size="30" type="text" value="">

                    <input aria-label="Email *" class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="">

                    <textarea aria-label="Pesan *" class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Pesan *" rows="5"></textarea>

                    <input class="contact-form-button btn contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim">

                    <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>

                    <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>

                </form>

            </div>

        </div>

    </div>

</div>

Code Box

<h2 id="Code Box">Code Box</h2>
<pre class="code-box"> Kode/Script dengan Karakter Escape </pre>