Tag Archives: Like Buttons

Like Buttons Shortcode and Widget

If you are using Super Socializer plugin, you can use following Shortcode in the content of required page/post where you want to display Like Buttons.

You would like to read this post to use the shortcode without causing any problems at your site.

Like Buttons Shortcode

You can use [TheChamp-Counter] Shortcode in the content of required page/post where you want to display like buttons interface.

Example
[TheChamp-Counter]


You can use following attributes in the Shortcode

Style

Use style attribute to style the rendered like buttons interface

Example
[TheChamp-Counter style="background-color:#000;"]


Type

Use type attribute to specify the type (“horizontal” or “vertical”) of like buttons. Defaults (if not specified) to horizontal.

Example
[TheChamp-Counter type="vertical"]


Title (Works with “horizontal” type interface only)

Use title attribute to specify title above like button bar.

Example
[TheChamp-Counter title="Sharing is Caring"]


Align (Works with “vertical” type interface only)

Use align attribute to specify alignment (left or right) of like button bar. Defaults (if not specified) to left

Example
[TheChamp-Counter type="vertical"]
(Will align to left, as align is not specified)
[TheChamp-Counter type="vertical" align="right"]
(Will align to right)


Left (Works with “vertical” type interface only)

Use left attribute to specify the left offset (distance form the left side of the screen) of like buttons interface. Defaults (if not specified) to 0

Example
[TheChamp-Counter type="vertical" left="500"]


Right (Works with “vertical” type interface only, “align” attribute must be set to “right”)

Use right attribute to specify the right offset (distance form the right side of the screen) of like button bar. Defaults (if not specified) to 0

Example
[TheChamp-Counter type="vertical" align="right" right="500"]


Top (Works with “vertical” type interface only)

Use top attribute to specify the top offset (distance form the top of the screen) of like buttons interface. Defaults (if not specified) to 100

Example
[TheChamp-Counter type="vertical" top="200"]


Url

Use Url attribute to specify the url/page to be liked. Defaults (if not specified) to the webpage where shortcode is placed

Example
[TheChamp-Counter type="vertical" url="http://mywebsite.com/example.php"]


You can use shortcode in PHP file as following

<?php echo do_shortcode(‘SHORTCODE’) ?>

Replace SHORTCODE in above code with the required shortcode like [TheChamp-Counter style=”background-color:#000;”], so the final code looks like following
<?php echo do_shortcode('[TheChamp-Counter style="background-color:#000;"]') ?>


You can navigate to the Appearance > Widgets section in the left sidebar and enable Super Socializer – Like Buttons (Horizontal Widget) and Super Socializer – Like Buttons (Vertical Floating Widget) widgets in the required area. Like Buttons Widget