Home Newsmag 3 Documentation tagDiv Social Counter tutorial

tagDiv Social Counter tutorial

Original article: http://forum.tagdiv.com/tagdiv-social-counter-tutorial/ - copied here for convenience

The Social Counter has support for Facebook fans, Twitter followers, YouTube subscribers, Vimeo, Instagram, Google Plus, Soundcloud and Feed subscribers.

You can use the Social Counter in 2 different ways:

1. As a widget in sidebar

  • Go to Appearance > Widgets, find [tagDiv] Social Counter and drag it in the sidebar.

social counter widget settings

2. Using Visual Composer

  • Create a New Page and from Visual Composer click the Plus Sign to add a new element. Select Social Counter from the list.

social-counter-page-settings

Watch the video tutorial:

How to set up Social Counter

1. Facebook ID

  • Copy the name from the URL and use it in the required field from the Social Counter

facebook-id

  • Get the Facebook Application ID if you have one. If not, from https://developers.facebook.com go to My Apps -> Add a New App. Then you can choose the 'Site web' option.

td_facebook_app_id

  • Press the "Skip and Create App ID" button.
  • In the new window add the "Display Name" and press the "Create App ID button"

td_facebook_create_app_id

  • Get the App Secret Key

facebook-secret-key

facebook-get-secret-key

  • Copy the App ID and the App Secret Key to the Social Counter Widget, and then click Get Access Token

td_facebook_on_vc

2. Twitter ID

  • From the URL copy the name and use it in the required field from the Social Counter

twitter-id

3. YouTube ID

  • From the URL copy the name and use it in the required field from the Social Counter

youtube-id

4. Vimeo ID

  • From the URL copy the name and use it in the required field from the Social Counter

vimeo_id

5. Google Plus ID

  • From the URL copy the name and use it in the required field from the Social Counter

google-plus

6. Instagram ID

  • From the URL copy the name and use it in the required field from the Social Counter

instagram

7. SoundCloud ID

  • From the URL copy the name and use it in the required field from the Social Counter

soundcloud

Original article: http://forum.tagdiv.com/social-counter-styles-on-newsmag/ - copied here for convenience

Social Counter Styles

To increase the theme design flexibility even more we decided to add 10 new Social Counter styles. Try them all and pick the one which works best for your project. The style can be set from the plugin settings panel:

social-counter-styles-settings

Default style

td_newsmag_social_counter_default

Style 1 - Default black

td_newsmag_social_counter_1

Style 2 - Default with border

td_newsmag_social_counter_2

Style 3 - Default colored circle

td_newsmag_social_counter_3

Style 4 - Default colored square

td_newsmag_social_counter_4

Style 5 - Boxes with space

td_newsmag_social_counter_5

Style 6 - Full boxes

td_newsmag_social_counter_6

Style 7 - Black boxes

td_newsmag_social_counter_7

Style 8 - Boxes with border

td_newsmag_social_counter_8

Style 9 - Colored circles

td_newsmag_social_counter_9

Style 10 - Colored squares

td_newsmag_social_counter_10