Shortcode

Kode untuk memberikan nilai tambah di dalam artikel maupun pada halaman blog

Tabel of Contens

Kode TOC

<strike>{Table of Contents}</strike>

{tocify} $title={Table of Contents}

Demo TOC

Table of Contents

1. Tabel of Contens
   1. Kode TOC
   2. Demo TOC
2. Default Buttons
   1. Code Default Buttons
3. Colored Buttons
   1. Code Colored Buttons
4. Alert Boxes
5. Bordered Table
6. Contact Form
7. Code Box White
8. Code Box RED

Default Buttons

Default Button Preview Download Visit a Link Buy Now Share More Info

Code Default Buttons

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Default Button}</a> 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Preview} $icon={preview}</a>&nbsp; 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Download} $icon={download}</a> 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Visit a Link} $icon={link}</a> 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Buy Now} $icon={cart}</a> 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Share} $icon={share}</a> 

<a href="https://an3disc.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={More Info} $icon={info}</a> 

Colored Buttons

Colored Button Preview  Download Visit a Link Buy Now Share More Info

Code Colored Buttons

  
<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Colored Button} $color={#16a085}</a> 

<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Preview} $icon={preview} $color={#27ae60}</a>&nbsp; 

<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Download} $icon={download} $color={#2980b9}</a> 

<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Visit a Link} $icon={link} $color={#8e44ad}</a> 

<a href="https://www.templateify.com/" rel="nofollow" target="_blank">{getButton} $text={Buy Now} $icon={cart} $color={#f39c12}</a> 

<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={Share} $icon={share} $color={#e74c3c}</a> 

<a href="https://idmaspur.blogspot.com/" rel="nofollow" target="_blank">{getButton} $text={More Info} $icon={info} $color={#34495e}</a>  

Alert Boxes

Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.

Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.

Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.

Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from 45 BC, making it over 2000 years old.

Bordered Table

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

Contact Form

Contact Form

Code Box White

$("#main-nav #s").blur(function() {
if (0 === this.value.length) this.value = c;
});

$("#main-nav #s").focus(function() {
if (this.value === c) this.value = "";
});

Code Box RED

$("#main-nav #s").blur(function() {
if (0 === this.value.length) this.value = c;
});

$("#main-nav #s").focus(function() {
if (this.value === c) this.value = "";
});