To utilize our V.1.0.0 Shortcodes in your template and create more convenient tools for your website, simply follow the steps below. These convenient codes can be implemented in both free and premium templates, and you don't need any coding or HTML knowledge to use them. It's the easiest way to install them in any required posts and pages.
1.0 Table of Content
Open any post & page and type (toc) as shown below image. After typing make it strike like below
Shortcode : (toc)
Example : Table of Content (toc)

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

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 H2,H3 Tags
Open any post & page select the line type as shown below image. And Select the Option of Paragraph Headings here

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

It's Done You have successfully added H2 tag is Ready

1.2 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 Applying the Shortcode Results Should be Like This Refer Below Image :

1.3 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 (small-bt)
(i) Default Button
Open any post & page type (normal-bt) as shown below image. After typing make
it strike like below
Shortcode : (normal-bt)
After typing shortcode in brackets. It's Done You have successfully added the button shortcode.

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

(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)
After typing shortcode in brackets. It's Done You have successfully added a small button
shortcode.

(ii) Medium Buttons
Open any post & page type (medium-bt) as shown below image. After
typing make it strike like below
Shortcode : (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 : (large-bt)
Example : My Button (large-bt)
After typing shortcode in brackets. It's Done You have successfully added a large button
shortcode.

1.4 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)
After typing shortcode in brackets. It's Done You have successfully added the download button
shortcode.

(ii) Buy Buttons
Open any post & page type (buy) as shown below image. After typing
make it strike like below
Shortcode : (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)
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)
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)
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)
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)
After typing shortcode in brackets. It's Done You have successfully added a demo button
shortcode.

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.

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

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.

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

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

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

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

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

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

Where was the contact form massage send
ReplyDeleteTable Of Content
DeleteNot Working...
Please share details with us
DeleteHow do I change the table of contents to another keyword? I tried changing "Table of Content (toc)" to "Reviews (toc)" but it didn't work.
ReplyDeletePlease check again, if you're using old template which support V1.0.0 Shortcode then you have make strikeline either if you're using latest template then check V2.0.0 Shortcode page, link is available at top of this post. (In each template we have added shortcode version page in demo menu)
DeleteThe table of contents is still visible. However, the title still shows as "Table of Contents" instead of "Review". I want to change the custom display table of contents title name to be different from the default blog table of contents title name, How do I do that?
Deletehello
ReplyDeleteI have to face some problem with my blog post count. Generally i will show 8 post in my blog post but some time when i will post a long and use so many images post then do not show all post ( like 8 post a homepage) display are not showing properly.
What can i do for this problem.
www.producttrunk.com is my blog. please solve this issue
thanks
This is because you have reached the limit of post data, To fix this you have to visit this link https://www.pikitemplates.com/p/faq.html and give page break on that posts to solve issue.
DeleteI'm using the free affiliate model. The buy now button does not appear when using this code version 1
ReplyDeletePlease share website link and template name in contact us page.
DeleteButton Shortcode are not working
ReplyDeletePlease contact us
DeleteCan you help me add more 1 Category Custom Box .i want 12 box
ReplyDeletePlease send your details blog link through contact us page
DeleteI am Using free version and don't use any short code like table of content, button, alert box. I should I do now.
ReplyDeleteYes, as per requirement you can use 😊
Deletehello Jane doe, I'm complaining when I use the alert message and the code box doesn't work.
ReplyDeletePlease send your details blog link through contact us page
Deletehow do i add quotes
ReplyDeletePlease check shortcode at footer we provided links navigation
DeleteI put the code-box with the code of a video in a post and instead of the video code, the video itself appears.
ReplyDeleteThanks for letting me know what the problem is.
Thanks.
Thanks sir 🥰
DeleteTable of contents short code doesn't work in my site
ReplyDeletePlease share the details of your website by email?
Deletehow to apply boxy for summary
ReplyDeleteWe didn't understand sir please ask carefully.
DeleteThanks sir this is one of the best blogger template Piki Lyrics for lyrics blog
ReplyDeleteHow to make header and navigation bar sticky in crafter premium blogger template. Please support me quickly.
ReplyDeleteUse blogger layout >> Go to >> Admin Pannel >> Set Fixed Sidebar and Fixed Menu in "true" mode, also for more info check the documentation of Crafter theme.
DeleteTable kaise banaye
ReplyDeleteFollow above procedure to create a TOC.
DeleteHeading design kaise kare
ReplyDeleteFAQ kaise lagaye post me
ReplyDelete