Shortcode

1.0 Table of Content

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

Shortcode : <strike>(toc) #title=(Table of Content)</strike>

(a). Supported Optional Changes:

(toc) #title=(Table of Content)

After typing shortcode in brackets. It's done you have successfully added toc shortcode and the shortcode results here below :


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.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 : (caps)

Example : L(caps)orem

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:

Piki Templates Shortcodes

1.2 Default Buttons

Before using buttons shortcodes, place your cursor anywhere in post then tap on insert a link 🔗 button and insert your shortcode in first box
Note: To get colors code you can visit here just click copy color code and use on your shortcode.
Our shortcode of button start with this (getButton) tag, here below all the supported shortcodes overview.

Type getButton to make button working perfectly - (getButton)
Enter the display text - #text=(Type your Text)
Enter the below title text - #file=(Type file size or offer)
Enter the icon shortcode - #icon=(Type supported icons shortcode only)
Enter the size of button - #size=(Only two size available 0 and 1)
Enter the hex color code - #color=(Type hex color code here)
Enter the button text - #info=(Type button text here)

Note:- The attributes for buttons like color, size, icon, file, info are the optional, its your choice whether which type button you want, Check our below samples of buttons

Our templates supported color, icons, size like features with the help of shortcode, you have use these shortcodes with mistake in spelling - type correctly.

(i) Default Button
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(My Button)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:

Piki Templates Shortcodes

(ii) Large Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(My Button) #icon=(demo) #size=(1)

There are two size available 0 and 1 for buttons. After typing shortcode in brackets. It's done you have successfully added the shortcode.

(iii) Center Buttons
To use center botton just make sure to place cursor or type text in blogger post dashboard then before making link button click to top center alignment button and make center selection, then apply our any button shortcode. (if center alignment not work then select all text inside the post and click on last option at top corner that is Clear Text Formatting then try to make center alignment)

1.3 Color & Icons Buttons

To use color and icon buttons in your website follow the below steps

Piki Templates Shortcodes

(i) Download Button
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Download) #icon=(download) #color=(#1bc517)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(ii) Buy Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Buy Now) #icon=(buy) #color=(#bd2323)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(iii) Cart Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Cart button) #icon=(cart) #color=(#00bed8)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(iv) Link Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Visit Link) #icon=(link) #color=(#2339bd)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(v) Share Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Share Button) #icon=(share) #color=(#de7500)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(vi) Info Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(My Info) #icon=(info) #color=(#804b4b)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:
(vii) Demo Buttons
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(Demo Button) #icon=(demo) #color=(#169c87)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:

1.4 Download & Buy Buttons

To use download and buy or more buttons in your website follow the below steps
(i) Advanced Download Button
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(NewsLite Template V1.1) #file=(Size: 222k) #icon=(download) #size=(1) #color=(#1bc517) #info=(Download)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:

Piki Templates Shortcodes

(i) Advanced Buy Button
Tap on insert a link 🔗 button in top of blogger post dashboad and type the below shortcode.

Shortcode : (getButton) #text=(File name V.1.2.0) #file=(Off: 30%) #icon=(buy) #size=(1) #color=(#bd2323) #info=(Buy Now)

After typing shortcode in brackets. It's done you have successfully added the shortcode and the shortcode results here below:

Piki Templates Shortcodes

(a): Our Supported Social Media icons:
Social Media icons shortcode = facebook - whatsapp - telegram - download - buy - paypal - gift - contact - link - cart - demo - share - info
Note: You can use any icon code which is supported by our new templates.

1.5 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.6 Full Width & Left/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 : (full-width)

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 : (left-sidebar)

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 : (right-sidebar)

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


flexible shortcodes

1.7 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 : (alert-passed)

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


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

Piki Templates Shortcodes

(iii) Alert Message Warning
Open any post & page type (alert-warning) in last as shown below image. After typing make it Blockquote like below

Shortcode : (alert-warning)

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


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

Piki Templates Shortcodes

(iv) Alert Message Error
Open any post & page type (alert-error) in last as shown below image. After typing make it strike like below

Shortcode : (alert-error)

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


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

Piki Templates Shortcodes

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

Shortcode : (code-box)

Example : This is a code box message test here which is awesome box (code-box)
after typing shortcode in brackets. It's Done You have successfully added the code box message shortcode.
After Applying the Shortcode Results Should be Like This Refer Below Image :

Piki Templates Shortcodes

Post a Comment

1Comments
  1. Documentation with each step explained in detail Easy installation without any trouble follow the below documentation and install this pretty professional template.

    ReplyDelete
Post a Comment

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !