Slog Short Codes

Shortcodes

How to Use Slog Templates Shortcodes?

Follow the below steps to use our Shortcodes in your template to make more easy tools for your website.

These Shortcodes can be used in free and premium templates.


There are no requirements for coding like HTML to use these shortcodes features.

It's the easiest way to implement anywhere on post & pages as per your requirements.



1.1 Adding Drop Caps

Open any post & page select the first-word type caps as shown below image. 

After typing make it strike then make like below.  

Shortcode: caps

Example: Lcapsorem


After making it bold. It's Done You have successfully added caps shortcode.


slog short codes blogger templates free blogger templates

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

Piki Templates Shortcodes

1.2 Default Buttons

 Before using button shortcodes, Firstly add a link into the text using this method as shown below.

After inserting the link then type a shortcode like small-bt and make bold only shortcode not your text in the button.

free blogger templates blogger templates


(i) Default Button

Open any post & page select the word type button as shown below image.

 After typing make it strike then make like below:

Shortcode: button


Example: 
My Button button


After making it bold. It's Done You have successfully added the button shortcode.

free blogger templates blogger templates




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

Piki Templates Shortcodes

(ii) Small Buttons

Open any post & page select the word type small-bt as shown below image. After typing make it strike then make like below

Shortcode: small-bt


Example: My Button small-bt


After making it bold. It's Done. You have successfully added a small button shortcode.

free blogger templates blogger templates





(ii) Medium Buttons

Open any post & page select the word type medium-bt as shown below image.

 After typing make it strike then make like below.

Shortcode: medium-bt


Example: My Button medium-bt


After making it bold. It's Done. You have successfully added a medium button shortcode.


free blogger templates blogger templates




(iii) Large Buttons

Open any post & page select the word type large-bt as shown below image.

 After typing make it strike then make like below.

Shortcode: large-bt


Example: My Button large-bt


After making it bold. It's Done. You have successfully added a large button shortcode.

free blogger templates blogger templates

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 select the word type download as shown below image. 

After typing make it strike then make like below:

Shortcode: download


Example: My Button download

after making it bold. 

It's Done You have successfully added the download button shortcode.

free blogger templates blogger templates




(ii) Buy Buttons

Open any post & page select the word type buy as shown below image. After typing make it strike then make like below

Shortcode: buy


Example: Buy Button buy

after making it bold. It's Done You have successfully added a buy button shortcode.

free blogger templates blogger templates





(iii) Cart Buttons

Open any post & page select the word type cart as shown below image.

 After typing make it strike then make like below.

Shortcode: cart


Example: Cart Button cart 

after making it bold. 

It's Done. You have successfully added a cart button shortcode.

free blogger templates blogger templates



(iv) Link Buttons

Open any post & page select the word type link as shown below image. 

After typing make it strike then make like below:

Shortcode: link


Example: Link Button link

after making it bold. 

It's Done. You have successfully added a link button shortcode.

free blogger templates blogger templates



(v) Open Buttons

Open any post & page select the word type open as shown below image. 

After typing make it strike then make like below.

Shortcode: open


Example: Open Button open

after making it bold.

 It's Done You have successfully added an open button shortcode.

free blogger templates blogger templates





(vi) Info Buttons

Open any post & page select the word type info as shown below image.

 After typing make it strike then make like below:

Shortcode: info


Example: Info Button info

after making it bold.

 It's Done You have successfully added an info button shortcode.

free blogger templates blogger templates





(vii) Demo  Buttons

Open any post & page select the word type demo as shown below image. 

After typing make it strike then make like below.

Shortcode: demo


Example: Demo Button demo

after making it bold. 

It's Done You have successfully added a demo button shortcode.

free blogger templates blogger templates


1.4 Contact Form

Open any post & page and type contact-form as shown below image.

 After typing make it strike then make like below.

Shortcode : contact-form


After making it bold. It's Done. You have successfully added a contact form shortcode.

free blogger templates blogger templates



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 then make like below.

Shortcode : full-width


After making it bold. It's Done. You have successfully added a Full-Width shortcode.


free blogger templates blogger templates


(ii) Left Sidebar

Open any post & page and type left-sidebar as shown below image. 

After typing make it strike then make like below.

Shortcode: After making it bold. It's Done.

 You have successfully added a Left Sidebar shortcode.


free blogger templates blogger templates

(iii) Right Sidebar

Open any post & page and type the right-sidebar as shown below the image. 

After typing make it strike then make like below.

Shortcode : right-sidebar


After making it bold. It's Done.

 You have successfully added a Right Sidebar shortcode.



free blogger templates blogger templates





1.6 Alert Message

(i) Alert Message Success

Open any post & page select the word type alert-success in last as shown below image.

 After typing make it strike then make like below:

Shortcode: alert-success


Example: This is an alert message test here which is awesome box alert-success

After making it bold. 

It's Done.  You have successfully added the success message shortcode.


free blogger templates blogger templates




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


Piki Templates Shortcodes


(ii) Alert Message Passed

Open any post & page select the word type alert-passed in last as shown below image. 

After typing make it strike then make like below:

Shortcode: Example: This is an alert message test here which is awesome box alert-passed

After making it bold. 

It's Done. You have successfully added the passed message shortcode.

free blogger templates blogger templates




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

Piki Templates Shortcodes


(iii) Alert Message Warning

Open any post & page select the word type alert-warning in last as shown below image.

 After typing make it strike then make like below.

Shortcode: alert-warning


Example: This is an alert message test here which is an awesome box alert-warning.

After making it bold. It's Done. You have successfully added the warning message shortcode.

free blogger templates blogger templates



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

Piki Templates Shortcodes


(iv) Alert Message Error

Open any post & page select the word type alert-error in the last as shown below image.

 After typing make it strike then make like below.

Shortcode: Example: This is an alert message test here which is awesome box alert-error

After making it bold. It's Done. 

You have successfully added the error message shortcode.

free blogger templates blogger templates




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


Piki Templates Shortcodes

(v) Code Box

Open any post & page select the word type code-box in the last as shown below image. 

After typing make it strike then make like below:

Shortcode: code-box


Example: This is a code box message test here which is awesome box code-box

After making it bold. It's Done. You have successfully added the code box message shortcode.

free blogger templates blogger templates




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


Piki Templates Shortcodes