1. Home
  2. Docs
  3. TAR PRO
  4. Shortcodes
  5. Other Shortcodes

Other Shortcodes

Quote

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Quote
  3. Set the parameters and click update.

Example:  [tarquote from=”Quote Author” color=”white” bgcolor=”pink” border=”5px” width=”50%” margin=”10px 20px 10px 20px” textcolor=”green” bordercolor=”green” size=”50px” fontstyle=”normal” padding=”5px 10px 5px 10px”] Place your random quotes here [/tarquote]

quote

 

Tooltip

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Tooltip
  3. Set the parameters and click update.

Example:  [tartooltip title=”Laughing out Loud” href=”#”]LOL[/tartooltip] You can place website address in “href” value otherwise leave it blank.

tooltip

 

 

GoogleMap

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> GoogleMap
  3. Set the parameters and click update.

Example: [targmap address=”New York, USA” width=”800px” height=”300px” align=”left” zoom=”5″]

google map

 

 

Button

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Button
  3. Set the parameters and click update.

Example:  [tarbutton href=”http://facebook.com” target=”_self” size=”50px” padding=”5px” margin=”5px” bgcolor=”red” float=”right” color=”yellow” border=”10px” texttype=”lowercase” title=”Click to download” ]Type your button text here[/tarbutton]

button

 

 

 

 

 

 

Registered Member Only Note

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Member
  3. Type your message for registered members and click update.

Example: [tarmember]Insert your content for registered member here. Only registered member will see this text. Visitor will not see this text block, Pretty Neat![/tarmember]

 

 

Dropcap

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Dropcap
  3. Set the parameters and click update.

Example: [tardropcap color=”red” margin=”5px” padding=”5px” border=”20px” style=”oblique” size=”40px” background=”yellow”]R[/tardropcap]

dropcap

 

 

 

 

 

FontAwesome Icon

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Fontawesome Icon
  3. Set the parameters and click update.

Example: Go to http://fontawesome.io/icon/ click on any icon you like and then only put the icon name in the type field.
For example – Go to fontawesome.io/icon/bicycle/ and you will see <i class=”fa fa-bicycle”></i> just copy the “bicyle” word and paste in the type field and you’re done, e.g – [tarfaicon type=”star” size=”3x” rotate=”180″ flip=”horizontal” pull=”left” animated=”” color=”blue”]

PRO TIP: You can wrap text around icon like this – [tarfaicon type=”quote-left” size=”3x” pull=”left”] This example uses pull left to allow the text to wrap around the icon.  You can also add icon before a header text like this – [tarfaicon type=”tags”] Adding An Icon To Add Emphasis To A Header

Screenshot – 

fontawesome

 

 

 

 

Paypal Donation Button (Pure CSS)

 

  1. From Your Dashboard Go to Post Editor
  2. Click on Shortcodes -> Paypal
  3. Set the parameters and click update.

Example: [tarpaypal account=”abc.xyz@gmail.com” for=”Beer” title=”Click to donate” color=”white” bg=”blue” size=”20px” text=”Donate”]

 

paypal button

 

Was this article helpful to you? Yes No

How can we help?