Home Newspaper 7 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-newspaper/ - 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

social-counter-style-default

Style 1 - Default black

social-counter-style-1

Style 2 - Default with border

social-counter-style-2

Style 3 - Default colored circle

social-counter-style-3

Style 4 - Default colored square

social-counter-style-4

Style 5 - Boxes with space

social-counter-style-5

Style 6 - Full boxes

social-counter-style-6

Style 7 - Black boxes

social-counter-style-7

Style 8 - Boxes with border

social-counter-style-8

Style 9 - Colored circles

social-counter-style-9

Style 10 - Colored squares

social-counter-style-10