New Shortcodes V.2.0.0 for Post and Pages!


Follow the below steps to use our V.1.0.0 Shortcodes in your template to make more easy tools for your website
For Old Shortcodes V.1.0.0 Visit here
These shortcodes can be used in both free and premium templates, and there are no coding or HTML skills required to use them. This is the simplest method to install everywhere throughout posts and pages as required.

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)

1.1). Supported Optional Changes:

For Title : (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.3.0 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

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

Note: We Create a Blogging Experience with a Blogger Platform more flexible and tangible that is why this important note is displayed here, to resolve each and every customer query we work hard Read this Article for more details! what we're doing for you either you're a free or premium customer no matter. Before asking any Question please visit this Frequently Asked Questions (FAQ) page to get answers to the most common questions.

Post a Comment

76Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. Replies
    1. You have to use new themes for these shortcode

      Delete
  2. Good job. Day by day you are getting expert and professional. Thanks a lot.

    ReplyDelete
    Replies
    1. O my god, 😁❤️😍😘 Thanku @Lavlu

      Delete
  3. Great Sir! You are being best Theme developers. Thanks for Best blogger templates.

    ReplyDelete
  4. πŸ’–πŸ§‘πŸ’›πŸ’šπŸ’™πŸ’œπŸ€Ž

    ReplyDelete
  5. How can i use these codes in those templates other than pikitemplates

    ReplyDelete
    Replies
    1. Not possible, there shortcodes only available in Piki Templates

      Delete
    2. Every template have them unique short code. which template you use ?

      Delete
    3. no sir, all themes have same shortcode, with two version 1.0.0 and 2.0.0

      Delete
  6. How to add wrong icon (x) In the post. Or what is the short code for adding only icon in the post

    ReplyDelete
    Replies
    1. At top of documentation we provide FontAwesome website link just visit and search for cross icon you will find easily, copy the code use any where. 😊

      Delete
  7. Sir you are the best developer I haven't seen any like you and your dev. Team, your all theme have almost all useful shortcut but if you can add table sc for creating it it will be miracle for me

    ReplyDelete
    Replies
    1. Thanks very much your kind words, it melts my heart with love ❤️😊 Please could explain which type table you want?

      Delete
  8. Hi I am unable to use (code-box) feature on blogger website. Can anyone explain me about this?

    ReplyDelete
    Replies
    1. Oh Really! πŸ˜₯ Please reach us immediately we will help you

      Delete
  9. Thank you for your reply, I need tables like excel, for add specifications for product like smartphone, tv. I vest lots of time to create a table by XML codes, I'm humble requesting to you please add a short code if possible,

    ReplyDelete
  10. Hi! Is there a way to show the most popular posts in widgets and not random or recent?

    ReplyDelete
    Replies
    1. Yes, sure we will already provide that feature in our latest templates at top featured posts section.

      Delete
  11. What do I need to write? features/popular?

    ReplyDelete
    Replies
    1. Just check the documentation of particular theme, weather it supports Popular Posts Feature or not?

      Delete
  12. The Pixonic template has Featured, but I am not sure if blogger sees the "Featured" written or popular, that's why I asked. I expected a serious treatment as I bought a premium template with a support. Your answer is no answer at all. I am very disappointed...

    ReplyDelete
    Replies
    1. Dear Customer, Pixonic template support features/popular type thing that you demanded. ❤️😍

      Delete
  13. I'm FlexSpot Template (Free Version). This template is runs perfectly and smoothly but in Post Page Author Profile Box not shown. I tried too much to show box...

    ReplyDelete
    Replies
    1. May be you edited the template but no problem please share your website link on whatsapp or our facebook page or email.

      Delete
  14. i'm unable to add alert message in movie hut theme

    ReplyDelete
  15. No puedo usar los codigos para la plantilla appiki

    ReplyDelete
    Replies
    1. Por favor revise la documentaciΓ³n cuidadosamente

      Delete
  16. The thing is that I got the Speed Light blogger theme...

    And when setting it up, I have set up different categories on the main many and I made them be taken to their various pages when a user clicks on them. But now my problem is the posts I make don't go to the categories I created.

    So is there a way to link everything, so they can all be connected?

    ReplyDelete
  17. i am not able to use button shortcut pelease explain it in detaile

    ReplyDelete
    Replies
    1. It's very easy bro just follow short code 2.0 if it's not working then use 1.0 Shortcode.

      Delete
  18. Why is the alert message icon not working on all experiments, but it appears in the post?

    ReplyDelete
    Replies
    1. Please send us the template name and your website link on contact us page

      Delete
  19. Please Sir Give me Version 5 shortcode

    ReplyDelete
    Replies
    1. We support only V2.0.0 Shortcode not Version 5

      Delete
  20. Can you please add discord in social media icons .

    ReplyDelete
  21. add some more features for best response like: Drops Hide and Show etc.

    ReplyDelete
  22. Hi,, How to get table of content like this page?

    ReplyDelete
  23. Content social Lock needed

    ReplyDelete
  24. HI admin. How do I know which templates used Table of Contents V1 or V2?

    ReplyDelete
    Replies
    1. Its very easy just go to demo blog of that template, and click on Shortcode Option in Menu.

      Delete
  25. Table of Content
    it doesn't work

    ReplyDelete
    Replies
    1. Please share the details by email so that we can help you.

      Delete
  26. There is a slight error in the Arabic version of Seo Spot. Allow me to contact you to clarify this simple error

    ReplyDelete
    Replies
    1. Please share the details by email so that we can help you.

      Delete
  27. i want to add products cost where i can add please help

    ReplyDelete
    Replies
    1. Please check documentation page carefully.

      Delete
  28. Hello admin.
    I have looked through many templates but it seems that the blog templates all use Shortcodes version V.1.0.0. What are the conditions for using Shortcodes version V.2.0.0?
    And do you think it is better to design the comment section to appear at the same time with two comment tabs from Blogger and Facebook instead of only displaying one of the two as currently?

    ReplyDelete
    Replies
    1. Our all older templates support Shortcode V.1.0.0 and New Latest Themes Support Shortcode V.2.0.0. and for Comments we make one at a time for speed and optimization purpose.

      Delete
  29. bonjour , j'arrive pas a mettre le message de succes Γ§a marche pas sur mon templates de flex

    ReplyDelete
    Replies
    1. Veuillez vérifier attentivement le shortcode si le problème persiste, n'hésitez pas à nous contacter

      Delete
  30. Replies
    1. There are various websites available to use tables.

      Delete
  31. Tnq So Much πŸ₯°♥️😍

    ReplyDelete
  32. Codes are not Working on my website.

    ReplyDelete
    Replies
    1. Please share the details by email so that we can help you.

      Delete
  33. Alert Message is not working. I contacted in whatsapp also but no one is helping properly. Now say what can i do? Only they are saying read shortcode v1.0.0 or v2.0.0. I have already read everything 10 times. Still not working. Now what is the benefit of premium template. No one is supporting correctly.

    ReplyDelete
    Replies
    1. Please share the website details by email so that we can help you.

      Delete
  34. Why is the blockquote not working after paragraph, but it appears in the post?

    ReplyDelete
    Replies
    1. Share your website link with us, so that we can look into the matter.

      Delete
  35. I accidentally erased my sitemap, and i cant find how to make a page in this template, can you help me to fix both problems please?

    ReplyDelete
    Replies
    1. Dear customer you can you can create site map with help of our tool and for creating pages please go to page section in blogger

      Delete
  36. Replies
    1. Please visit the bottom of this page, then at footer click on create html or xml sitemap that you want.

      Delete
Post a Comment

Start your Blogging Journey with Professional Templates

Use our Amazing templates on your website, which is best fit for magazine, news, tech, games, blogging type blogs

Visit Store