Breaking News

6/trending/recent
Type Here to Get Search Results !

Shortcode

Berikut ini adalah komponen yang tersedia untuk menambah keunikan dan kecantikan serta kemudahan dalam menulis konten di kuamangmedia.com

DAFTAR ISI (toc)

1.0 Table of Content

Cara menambahkan Table of Content pada tulisan atau Daftar Isi pada artikel yang panjang serta memiliki Sub Judul dan lainnya, silahkan lihat kode di bawah ini:

Table of Content (toc) atau DAFTAR ISI (toc)


Shortcode : <strike>DAFTAR ISI (toc)</strike>

after typing shortcode in brackets. It's Done You have successfully added toc shortcode.

flexible shortcodes

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

flexible shortcodes

Note :- This Shortcode Only Works if You Have Added H2, H3, H4 Tags in Your Post. Don't Know How to Create H2, H3, H4 Tags Follow Below Procedure

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



flexible shortcodes

Here below in Image Choose the tags You want to Implement so that Table of Content will Work

flexible shortcodes

Done H2 tag is Ready

flexible shortcodes


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:


flexible shortcodes


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>

(i) Default Button

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)



flexible shortcodes


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

Kuamanagmedia Shortcode
(ii) Small Buttons
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)


flexible shortcodes


(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.

flexible shortcodes

(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.

flexible shortcodes

1.3 Color Buttons

To use color buttons in your website follow the steps below

Piki Templates Shortcodes

(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.

flexible shortcodes

(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.

flexible shortcodes

(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.

flexible shortcodes

(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.

flexible shortcodes


(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.

flexible shortcodes

(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.

flexible shortcodes

(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.

flexible shortcodes

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.

flexible shortcodes

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

Piki Templates Shortcodes

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.

flexible shortcodes

(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.

flexible shortcodes

(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.


flexible shortcodes

1.6 Alert Message

Use the This Type Format
flexible shortcodes

(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 :

Piki Templates Shortcodes

(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)