Shortcode

1.0.1 How to Use H2,H3,H4 Tags

Open any post & page select the line type as shown below image. And Select the Option of Paragraph Headings here

1.1 Adding Drop Caps

Open any post & page select the first-word type (caps) as shown below image. After typing make it strike like below

Shortcode : <strike>A(caps)</strike>llah

Example :

A(caps)llah Subhanaahu Wa Ta'la. berfrman dalam Hadits Qudsi: Hai Anak Adam, bersedekahlah, karena pasti akan dicukupkan (diberikan nafkah /rezeki) atasmu. [HR. Bukhari & Muslim]

Lebih jelasnya bisa di lihat pada gambar dibawah ini:

1.2 Default Buttons

Before using buttons shortcodes, Firstly add link into the text using this method as shown below here

After inserting link then type shortcode like <strike> (small-bt) </strike>

Open any post & page type (normal-bt) as shown below image. After typing make it strike like below

Shortcode : <strike> (normal-bt) </strike>

Example :

My Button (normal-bt)

Open any post & page type (small-bt) as shown below image. After typing make it strike like below

Shortcode : (small-bt)

Example :

My Button (small-bt)

(ii) Medium Buttons
Open any post & page type (medium-bt) as shown below image. After typing make it strike like below
Sample Shortcode :

Ngutang Sekarang (medium-bt)

Example : My Button (medium-bt)


after typing shortcode in brackets. It's Done You have successfully added a medium button shortcode.

(iii) Large Buttons

Open any post & page type (large-bt) as shown below image. After typing make it strike like below

Shortcode : Download Now(large-bt)

Example : Download Now(large-bt)

after typing shortcode in brackets. It's Done You have successfully added a large button shortcode.

1.3 Color Buttons

To use color buttons in your website follow the steps below

(i) Download Button

Open any post & page type (download) as shown below image. After typing make it strike like below

Shortcode : (download)

Example : My Button (download)

after typing shortcode in brackets. It's Done You have successfully added the download buttonshortcode.

(ii) Buy Buttons

Open any post & page type (buy) as shown below image. After typing make it strike like below

Shortcode : (buy)

Example : Buy Now (buy)

after typing shortcode in brackets. It's Done You have successfully added a buy button shortcode.

(iii) Cart Buttons

Open any post & page type (cart) as shown below image. After typing make it strike like below

Shortcode : (cart)

Example : Cart Button (cart)

after typing shortcode in brackets. It's Done You have successfully added a cart button shortcode.

(iv) Link Buttons

Open any post & page type (link) as shown below image. After typing make it strike like below

Shortcode : (link)

Example : Link Button (link)

after typing shortcode in brackets. It's Done You have successfully added a link button shortcode.

(v) Open Buttons

Open any post & page type (open) as shown below image. After typing make it strike like below

Shortcode : (open)

Example : Open Button (open)

after typing shortcode in brackets. It's Done You have successfully added an open button shortcode.

(vi) Info Buttons

Open any post & page type (info) as shown below image. After typing make it strike like below

Shortcode : (info)

Example : Info Button (info)

after typing shortcode in brackets. It's Done You have successfully added an info button shortcode.

(vii) Demo Buttons

Open any post & page type (demo) as shown below image. After typing make it strike like below

Shortcode : (demo)

Example : Demo Button (demo)

after typing shortcode in brackets. It's Done You have successfully added a demo button shortcode.

1.4 Contact Form

Open any post & page and type (contact-form) as shown below image. After typing make it strike like below

Shortcode : (contact-form)

after typing shortcode in brackets. It's Done You have successfully added a contact form shortcode.

After Applying the Shortcode Results Should be Like This Refer Below Image :

1.5 Full Width /Left-Sidebar /Right-Sidebar

Use Below Shortcode to make Left Sidebar and Right Sidebar and Full Width as per requirements you want to use on your blog

(i) Full Width

Open any post & page and type (full-width) as shown below image. After typing make it strike like below

Shortcode HTML : <strike>(full-width)</strike>

after typing shortcode in brackets. It's Done You have successfully added a Full Width shortcode.

(ii) Left Sidebar

Open any post & page and type (left-sidebar) as shown below image. After typing make it strike like below

Shortcode : <strike>(left-sidebar)</strike>

after typing shortcode in brackets. It's Done You have successfully added a Left Sidebar shortcode.

(iii) Right Sidebar

Open any post & page and type (right-sidebar) as shown below image. After typing make it strike like below

Shortcode : <strike style="color: #2b00fe;">(right-sidebar)</strike>

after typing shortcode in brackets. It's Done You have successfully added a Right Sidebar shortcode.

1.6 Alert Message

Use the This Type Format

(i) Alert Message Success

Open any post & page type (alert-success) in last as shown below image. After typing make it blockquote

Shortcode : (alert-success)

Example : This is a alert message test here which is awesome box (alert-success)
after typing shortcode in brackets. It's Done You have successfully added the success message shortcode.

After Applying the Shortcode Results Should be Like This Refer Below Image :

(ii) Alert Message Passed

Open any post & page type (alert-passed) in last as shown below image. After typing make it Blockquote like below

Shortcode : <blockquote>This is a alert message test here which is awesome box (alert-passed)</blockquote>

Example :

This is a alert message test here which is awesome box (alert-passed)

Shortcode : <blockquote> (alert-warning) </blockquote>

Example :

This is a alert message test here which is awesome box (alert-warning)

Shortcode : (alert-error)

Contoh : This is a alert message test here which is awesome box (alert-error)

(v) Code Box

Open any post & page type (code-box) in last as shown below image. After typing make it strike like below

Shortcode : <blockquote>This is a code box message test here which is awesome box (code-box)</blockquote>

Example :

This is a code box message test here which is awesome box (code-box)

(full-width)