See this list of all shortcodes available for your ‘quick’ use

BUTTONS

These optional arguments can be added inside the shortcodes to modify specific look for the output of any of the buttons shortcodes.

 - size: small, large
 - style: info, alert, tick, download, note
 - color: custom color (e.g red or #000000)
 - border: border color (e.g. red or #000000)
 - text: black (for light color background on button)
 - class: custom class
 - link: button link (e.g http://www.woothemes.com)
 - window: true (open link in new window) 

[divider]

Colored Buttons

[button]Button[/button] [button color=”red”]Button[/button] [button color=”orange”]Button[/button] [button color=”green”]Button[/button] [button color=”aqua”]Button[/button] [button color=”teal”]Button[/button] [button color=”purple”]Button[/button] [button color=”pink”]Button[/button] [button color=”silver”]Button[/button]

[toggle title_open=”Colored Buttons” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[button]Button[/button]
[button color="red"]Button[/button]
[button color="orange"]Button[/button]
[button color="green"]Button[/button]
[button color="aqua"]Button[/button]
[button color="teal"]Button[/button]
[button color="purple"]Button[/button]
[button color="pink"]Button[/button]
[button color="silver"]Button[/button]

[/toggle]

[hr]

Icons Buttons

[button style=”alert” color=”silver”]Button[/button] [button style=”tick” color=”silver”]Button[/button] [button style=”info” color=”silver”]Button[/button] [button style=”note” color=”silver”]Button[/button] [button style=”download” color=”silver”]Button[/button]

[toggle title_open=”Icons Buttons” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[button style="alert" color="silver"]Button[/button]
[button style="tick" color="silver"]Button[/button]
[button style="info" color="silver"]Button[/button]
[button style="note"  color="silver"]Button[/button]
[button style="download"  color="silver"]Button[/button]

[/toggle]

[hr]

Custom Button

[button color=”#f0f0f0″ border=”#555″ style=”info” text=”dark” class=”my-button”]Button[/button]

[toggle title_open=”Icons Buttons” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[button color="#f0f0f0" border="#555" style="info" text="dark" class="my-button"]Button[/button]

[/toggle]

[hr]

INFO BOXES

These optional arguments can be added inside the info boxes shortcodes to modify specific look for the display output.

Optional arguments:
 - type: info, alert, tick, download, note
 - size: medium, large
 - style: rounded
 - border: none, full
 - icon: none OR full URL to a custom icon

[divider]

Info Boxes

[threecol_one]
[box]This is an normal box[/box]
[box type=”note”]This is a note box[/box]
[/threecol_one]

[threecol_one]
[box type=”info”]This is a info box[/box]
[box type=”download”]This is an download box[/box]
[/threecol_one]

[threecol_one_last]
[box type=”tick” style=”rounded” border=”full”]is is a tick box[/box]
[box type=”alert”]This is an alert box[/box]
[/threecol_one_last]

[divider_flat]
[toggle title_open=”Info Boxes” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[box]This is an normal box[/box]
[box type="info"]This is a info box[/box]
[box type="tick" style="rounded" border="full"]is is a tick box[/box]
[box type="note"]This is a note box[/box]
[box type="download"]This is an download box[/box]
[box type="alert"]This is an alert box[/box]

[/toggle]

[hr]

RELATED POSTS

[related_posts limit=”3″]

With this shortcode you can easily show related posts by tag. This only works on posts which have tags that exist on other posts.

Optional arguments:
 - limit: number of posts to show (default: 5)
 - image: thumbnail size, 0 = off (default: 0)

[divider]

[toggle title_open=”Related Posts” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[related_posts limit="3"]

[/toggle]

[hr]

HORIZONTAL RULE AND SPACE DIVIDER

[hr]

You can easily break up your text on a page or post by adding either a horizontal rule or a divider (same as hr only no border)

[divider]

[toggle title_open=”Horizontal Rule And Space Dividers” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[hr]
[divider]
[divider_flat]

[/toggle]

[hr]

COLUMNS

Columns are an easy way to style your post or page with multiple columns, from two columns to six columns. To divide text into columns, use any of the below shortcodes. Remember to use the *_last shortcode for the last column in the row.

Two Columns

[twocol_one]

twocol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[/twocol_one]

[twocol_one_last]

twocol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[/twocol_one_last]
[divider_flat]
[toggle title_open=”Two Columns” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[twocol_one]
 
twocol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
 
[/twocol_one]
 
[twocol_one_last]
 
twocol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
 
[/twocol_one_last]

[/toggle]

[divider]

Three Columns

[threecol_one]

threecol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[/threecol_one]

[threecol_one]

threecol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[/threecol_one]

[threecol_one_last]

threecol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[/threecol_one_last]
[divider_flat]

[toggle title_open=”Three Columns” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[threecol_one]
 
threecol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
 
[/threecol_one]
 
[threecol_one]
 
threecol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
 
[/threecol_one]
 
[threecol_one_last]
 
threecol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
 
[/threecol_one_last]

[/toggle]

[divider]

Four Columns

[fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one] [fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one][fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one][fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]
[divider_flat]
[fourcol_two]fourcol_two
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two] [fourcol_two_last]fourcol_two_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two_last]
[divider_flat]
[fourcol_two]fourcol_two
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two] [fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one] [fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]
[divider_flat]
[fourcol_three]fourcol_three
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_three] [fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]
[divider_flat]

[toggle title_open=”Four Columns” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one]

[fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one]

[fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one]

[fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]

[divider_flat]

[fourcol_two]fourcol_two
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two]

[fourcol_two_last]fourcol_two_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two_last]

[divider_flat]

[fourcol_two]fourcol_two
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_two]

[fourcol_one]fourcol_one
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one]

[fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]

[divider_flat]

[fourcol_three]fourcol_three
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_three]

[fourcol_one_last]fourcol_one_last
Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.
[/fourcol_one_last]

[divider_flat]

[/toggle]

[divider]

QUOTE

Add a styled quote to your page or post and float it left or right with or without box.

Optional arguments:
 - style: boxed
 - float: left, right

[divider]

Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.[quote]Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.[/quote]Aliquam maecenas molestie nullam. Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus urna habitant tempus a et, aliquam maecenas molestie nullam.

[toggle title_open=”Quote” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[quote] Pellentesque risus diam vestibulum phasellus, aliquam vivamus, tempus  urna habitant tempus a et, aliquam maecenas molestie nullam.[/quote]

[/toggle]

[hr]

ICON LINK

Add a styled link with an icon

Optional arguments:
 - style: download, note, tick, info, alert
 - url: the url for your link
 - icon: add an url to a custom icon

[divider]

You can go ahead and [ilink style=”download” url=”http://www.woothemes.com”]Download[/ilink]

[toggle title_open=”Icon Link” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[ilink style="download" url="#"]Download[/ilink]

[/toggle]

[hr]

CUSTOM LISTS

With custom lists you can add nice icons instead of the normal list styling.

Optional arguments:
 - style: tick, red-x, bullet, green-dot, arrow, star

[divider]

[sixcol_one]
[unordered_list style=”tick”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one]

[sixcol_one]
[unordered_list style=”red-x”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one]

[sixcol_one]
[unordered_list style=”bullet”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one]

[sixcol_one]
[unordered_list style=”green-dot”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one]

[sixcol_one]
[unordered_list style=”arrow”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one]

[sixcol_one_last]
[unordered_list style=”star”]

• List item 1
• List item 2
• List item 3

[/unordered_list]
[/sixcol_one_last]
[divider_flat]
[toggle title_open=”Custom Lists” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[unordered_list style="star"]
<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ul>
[/unordered_list]

[/toggle]

[hr]

TYPOGRAPHY

Dropcap, abbreviation, highlight and custom fonts with all of the Google Fonts available!

[dropcap]T[/dropcap]his is an example of a [abbr title=”WordPress rocks!”]WordPress[/abbr]
page, you could edit this to put [highlight] information[/highlight]
about yourself or your site so readers know where you are coming from. You can create as many pages like
this one or sub-pages as you like and [typography size=”16″ font=”Verdana” size_format=”px”]manage all of your content inside of WordPress[/typography].

[toggle title_open=”Typography” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[dropcap][/dropcap]
[highlight][/highlight]
[abbr][/abbr]
[typography font="" size="" color=""][/typography]

[/toggle]

[hr]

TAB LAYOUT

With the tab layout, you can create your own tabs to hold lots of information without using a lot of real estate on your page.

Optional Arguments:
 - style: boxed

[divider]

[tabs style=”boxed”]

[tab title=”First Tab”]First Tab content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab]

[tab title=”Another Tab”]Another Tab content goes here. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]

[tab title=”Last Tab”]Last Tab content goes here. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]

[/tabs]

[toggle title_open=”Tab Layout” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[tabs style="boxed"]
 
[tab title="First Tab"]First Tab content goes here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/tab] 
 
[tab title="Another Tab"]Another Tab content goes here. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab] 
 
[tab title="Last Tab"]Last Tab content goes here. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab] 
 
[/tabs]

[/toggle]

[hr]

CONTENT TOGGLE

With the content toggle, you can create your own toggle to hold hidden information which you can toggle to view.

Optional arguments:
 - title_open: The title text for when the toggle is open
 - title_closed: The title text for when the toggle is closed
 - hide: Hide the toggle box on load
 - display_main_trigger: Display the main trigger on the toggle
 - style: white
 - border: yes

[divider]

[toggle hide=”yes” border=”yes” style=”white”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/toggle]

[toggle title_open=”Content Toggle” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[toggle hide="yes" title_open="Show content" title_closed="Hide content" border="yes" style="white"]Lorem ipsum dolor sit amet,
 consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
 labore et  dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation  ullamco laboris nisi ut aliquip
 ex ea commodo consequat.  Duis aute irure dolor in reprehenderit 
 in voluptate velit  esse cillum dolore eu fugiat nulla pariatur.
 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
 deserunt mollit anim id est laborum.[/toggle]

[/toggle]

[hr]

SOCIAL ICONS

With the social icon, you can display links your social profiles with clean, tidy icons (you can use your own icon). If only the URL is specified, the shortcode will attempt to match your social profile URL with the appropriate icon, from a list of supported social websites (they are listed in the icon_url select box).

Arguments:
 - url: The link to your social profile. Specifying "feed" in this field will generate a link directly to your WordPress RSS feed.
Optional Arguments:
 - float: Optionally float the icon to the left or right.
 - icon_url: Optionally add a custom icon URL.
 - title: Optionally add a custom title for when the user hovers over your icon.
 - profile_type: Optionally specify the type of profile in use.

[divider]

[social_icon url=”#” profile_type=”facebook” title=”View our Facebook Page”] [social_icon url=”#” profile_type=”twitter” title=”View our Tweets”] [social_icon url=”#” profile_type=”delicious” title=”View our Delicious Bookmarks”] [social_icon url=”#” profile_type=”youtube” title=”View our Youtube Channel”] [social_icon url=”#” profile_type=”flickr” title=”View our Flickr Stream”] [social_icon url=”#” profile_type=”linkedin” title=”View our LinkedIn Profile”] [social_icon url=”#” profile_type=”rss” title=”View our RSS Feed”] [social_icon url=”#” profile_type=”googleplus” title=”View our Google Plus Profile”]

[toggle title_open=”Social Icon” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[social_icon url="#" profile_type="facebook" title="View our Facebook Page"]
[social_icon url="#" profile_type="twitter" title="View our Tweets"]
[social_icon url="#" profile_type="delicious" title="View our Delicious Bookmarks"]
[social_icon url="#" profile_type="youtube" title="View our Youtube Channel"]
[social_icon url="#" profile_type="flickr" title="View our Flickr Stream"]
[social_icon url="#" profile_type="linkedin" title="View our LinkedIn Profile"]
[social_icon url="#" profile_type="rss" title="View our RSS Feed"]
[social_icon url="#" profile_type="googleplus" title="View our Google Plus Profile"]

[/toggle]

[hr]

CONTACT FORM

The contact form allows for the creation of simple form-to-email solutions to create interaction with your website’s visitors. It’s also possible to add some custom form fields to this shortcode, which have been documented below.

Optional Arguments:
 - email: Use a specific e-mail address (the e-mail address listed under "Theme Options" is used alternatively)
 - subject: A subject line for the e-mail.
 - button_text: Customise the text of the form's "submit" button.

[divider]

As mentioned above, it’s possible to add some extra fields to this form. While this should not be used in excess, it is useful for adding one or two extra fields to your contact form. These are added as follows:

Text Input: text_fieldname="Text Field Label|Optional Default Text"
Select Box: select_fieldname="Select Box Label|key=value,key=value,key=value"
Textarea Input: textarea_fieldname="Textarea Field Label|Optional Default Text|Optional Number of Rows|Optional Number of Columns"
Checkbox Input: checkbox_fieldname="Checkbox Field Label|Value of the Checkbox|Checked By Default"
Radio Button Input: radio_fieldname="Radio Field Label|key=value,key=value,key=value|Optional Default Value"

[divider]

[toggle title_open=”Contact Form” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

Examples of each field type in use are shown below.
Default usage: [contact_form]


Text Field default usage: text_telephone="Your Telephone Number|021-555-5555"

Select Box: select_besttime="Best Time To Call|morning=In the Morning,afternoon=In the Afternoon,evening=In the Evening"


Textarea: textarea_additionalnotes="Optional Additional Notes|Place any additional notes here|10|20"

Checkbox Input: checkbox_specialoffers="Subscribe to special offers?|Yes|yes"

* NOTE: Checkbox information will only be included if the checkbox is checked. If not, the opposite is assumed.

Radio Button Input: radio_favouriteanimal="Favourite Animal|cat=Cat,dog=Dog,rabbit=Rabbit|dog"

Full example using the above fields:
[contact_form text_telephone="Your Telephone Number|021-555-5555" select_besttime="Best Time To Call|morning=In the Morning,afternoon=In the Afternoon,evening=In the Evening" textarea_additionalnotes="Optional Additional Notes|Place any additional notes here|10|20" checkbox_specialoffers="Subscribe to special offers?|Yes|yes" radio_favouriteanimal="Favourite Animal|cat=Cat,dog=Dog,rabbit=Rabbit|dog"]

[/toggle]

[hr]

A facebook ‘Like’ button shortcode in template (php) files

[fblike]

[toggle title_open=”Facebook Like button shortcode” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

Just copy and add this code appropriately in your php files.

<php echo do_shortcode('[fblike]'); >

[/toggle]

[hr]

TWITTER SOCIAL BUTTON

Twitter Normal Button

[twitter]

You can easily add a the new Twitter button to your posts so you can share them on Twitter.

Optional arguments:
 - style: "horizontal", "vertical", "none" ("none" hides the counter - default: "horizontal")
 - url: specify URL directly
 - source: username to mention in tweet
 - related: related account
 - hashtag: optional hashtags to include.
 - size: optional size of the button (medium or large).
 - text: optional tweet text (default: title of page)
 - float: none, left, right (default: left)
 - lang: 'fr', 'de', 'es', 'js', 'hi', 'zh-cn', 'pt', 'id', 'hu', 'it', 'da', 'tr',
   'fil', 'ko', 'sv', 'no', 'zh-tw', 'nl', 'ru', 'ja', 'fi', 'msa', 'pl' (default: english)
 - use_post_url: automatically retrieve the URL to the specific post (useful on archive screens)

[divider]

[toggle title_open=”Twitter Normal Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[twitter]

[/toggle]

[divider]

Twitter Follow Button

[twitter_follow username=”templatation”]

You can easily add a Twitter Follow button to your website, to show off your Twitter follower count and encourage visitors to follow you on Twitter

Arguments:
- username: Your Twitter username. This argument is required.

Optional arguments:
 - align: optional alignment of the button within the shortcode DIV tag container
 - count: show follower count (default is empty and true. Set to "false" to disable follower count)
 - float: none, left, right (default: left)
 - language: en, fr, de, it, es, ko, ja (default: english)
 - width: An optional width, in percentage (50%50px) format.
 - align: Used in conjunction with 'width' to align the button within the shortcode container DIV tag.
 - size: Specify the size of the button (medium or large)
 - show_screen_name: Optionally hide the display of your screen name on the button (set to "false").

[divider]

[toggle title_open=”Twitter Follow Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[twitter_follow username="templatation"]
[twitter_follow username="templatation" text_color="#CC0033" link_color="#000000" language="de"]

[/toggle]

[divider]

Tweetmeme

[tweetmeme]

You can easily add a Tweetmeme button to your posts so you can share them on Twitter.

Optional arguments:
 - link: specify URL directly
 - style: compact
 - source: username

[divider]

[toggle title_open=”Tweetmeme Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[tweetmeme"]

[/toggle]

[divider]

[hr]

DIGG SOCIAL BUTTON

[digg style=”medium” float=”none”]

Digg buttons are a great way to submit your posts to Digg.com

Optional arguments:
 - link: specify URL directly
 - title: specify a title (must add link also)
 - style: medium, large, compact, icon (default: medium)
 - float: none, left, right (default: left)

[divider]

[toggle title_open=”Digg Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[digg style="medium" float="none"]

[/toggle]

[hr]

FACEBOOK LIKE

[fblike]

Add a “like” button to your posts so visitors can like your story on FaceBook.

Optional arguments:
 - float: none (default), left, right
 - url: link you want to share (default: current post ID)
 - style: standard (default), button_count
 - showfaces: true or false (default)
 - width: 450
 - verb: like (default) or recommend
 - colorscheme: light (default), dark
 - font: arial (default), lucida grande, segoe ui, tahoma, trebuchet ms, verdana
 - locale: optionally add a locale to change the Facebook button's language (eg: de_DE for German or fr_FR for French)

[divider]

[toggle title_open=”Facebook Like Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[fblike]

[/toggle]

[divider]

FACEBOOK SHARE

[fbshare]

Add a “share” button to your posts so visitors can share your story on FaceBook.

Optional arguments:
 - type: box_count, button_count, button (default), icon_link, or icon
 - float: none, left, right (default: left)
 

[divider]

[toggle title_open=”Facebook Share Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[fbshare]
[fbshare type="button_count" float="none"]Custom Text[/fbshare]

[/toggle]

[hr]

GOOGLE +1

[google_plusone]

Add a “+1” button to your posts so visitors can show their friends that they like a post.

Optional arguments:
 - href: Optional specific URL to "+1". Takes the current URL if no URL is specified
 - size: standard, small, medium, tall
 - float: none, left, right (default: left)
 - annotation: none, bubble, inline (default: none)
 - callback: optional callback JavaScript function to run when the button is clicked
 - language: optionally change the language to one of the following supported languages:
 -- Arabic, Bulgarian, Catalan, Chinese (Simplified), Chinese (Traditional), Croatian, Czech, Danish, Dutch,
English (US), English (UK), Estonian, Filipino, Finnish, French, German, Greek, Hebrew, Hindi, Hungarian,
 Indonesian, Italian, Japanese, Korean, Latvian, Lithuanian, Malay, Norwegian, Persian, Polish,
 Portuguese (Brazil), Portuguese (Portugal), Romanian, Russian, Serbian, Swedish, Slovak, Slovenian,
 Spanish, Spanish (Latin America), Thai, Turkish, Ukrainian, Vietnamese
 

[divider]

[toggle title_open=”Google +1 Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[google_plusone]
[google_plusone size="tall"]

[/toggle]

[hr]

STUMBLEUPON BADGE

[stumbleupon]

Add a StumbleUpon badge to your posts so visitors can share your story on StumbleUpon.

Optional arguments:
 - design: The format to use to display the badge (horizontal_large (default), horizontal_medium, horizontal_small, icon_small,
 icon_large, vertical_count)
 - float: The position of the badge (left, right, none (default))
 - url: An optional URL to link to on the badge.
 - use_post: Use the most recent $post variable as the link (useful in archive screens when linking to each individual post).
 Alternatively, the current page URL is used.
 

[divider]

[toggle title_open=”StumbleUpon Badge Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[stumbleupon]
[stumbleupon url="#" float="none" design="icon_large"]

[/toggle]

[hr]

PINTEREST “PIN IT” BUTTON

[pinterest]

Add a Pinterest “Pin It” to your posts so visitors can share your posts on Pinterest (featured images required).

Optional arguments:
 - count: The format to use to display the counter (horizontal (default), vertical, none)
 - float: The position of the button (left, right, none (default))
 - url: An optional URL to link to on the button (defaults to current $post URL).
 - image_url: An optional image URL to link to on the button (defaults to current $post's image).
 - use_post: Use the most recent $post variable as the link (useful in archive screens when linking to each individual post).
 

[divider]

[toggle title_open=”Pinterest ‘Pin It’ Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[pinterest]
[pinterest url="#" design="vertical"]

[/toggle]

[hr]

LINKEDIN SHARE BUTTON

[linkedin_share]

Add a LinkedIn share button to your posts so visitors can share your posts on LinkedIn.

Optional arguments:
 - style: The format to use to display the counter (none (default), top, right)
 - float: The position of the button (left, right, none (default))
 - url: An optional URL to link to on the button (defaults to current $post URL).
 

[divider]

[toggle title_open=”LinkedIn Share Button” title_closed=”Get the code” hide=”yes” border=”yes” style=”default” excerpt_length=”0″ include_excerpt_html=”no”]

[linkedin_share]
[linkedin_share url="#" style="top"]

[/toggle]

[hr]