Social Counter is a module to display the number of your social page’s fans, subscribers and followers. A perfect module to show your social media stats and encourage more users
to join your network.
This module is quick and easy to use- just install and get cracking, from here you can select the social media profiles you want active, enter details of your social media and configure for Social Counter your style.
Also set a cache time, this means the modul will only update you counter according the timing schedule you choose. By spacing out your caching the plugin will call APIs less wich might speed up your site.
Social networks supported:
1. Facebook
2. Twitter
3. Google Plus
4. Instagram
5. Dribbble
6. Sound Cloud
7. Vimeo
8. Envato
9. Delicious
10. Pinterest
11. Github
12. Behance
Social Counter has several system requirements as follow:
You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
PHP should be compiled with support for https (openSSL) and cURL.
PHP Safe Mode should be turned off.
This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.
After purchasing our product, you’ll see the download link at Social Counter product page:
http://www.joomlaux.com/download.html
Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html
Package
Module |
mod_jux_social_counter |
Module Installation
Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.
In “Upload Package File” block, please Upload & Install our extensions:
Please view this video:
In tab module, you can style social counter by your design as select style (have 3 style), color for background, text. Set column number, padding, border… and configure for box shadow when hover. Moreover you can set cache time for social counter.
In tab Social Counter, please enter information for Social as ID, Url, API… and set Show/Hide Social.
Social Counter Style |
Style display options for social counter |
Number Column |
Show Number column |
Social Background |
Select Social background |
Select background |
Select Background |
Padding |
Set padding |
Border |
Set border |
Box Shadow |
Set Box Shadow for social when hover |
Cache time |
Set cache time for module. NOTE: moved to advanced tab |
Show/Hide |
Allow show/hide social facebook |
Url |
Facebook Url |
Step 1: Please go to your Facebook Page
Step 2: After paste url as image below:
Step 3: Facebook will show in frontend
Show/hide |
Allow show/hide social Twitter |
Url |
Twitter Url |
Screen Name |
Screen name |
Consume Key |
Consume key |
Consume Secret |
Consume secret |
Access Token |
Access Token |
Access Token Secret |
Access token secret |
Step 1: Go to Twitter Apps (http://dev.twitter.com/apps) and follow steps below:
Step2: Create new application
Step 3: Fill application form
Step 4: Agree and submit the form
Step 5: Go to of the page and click
Step 6: Use Keys to setup your twitter
Twitter will show your site
Show/Hide |
Allow show/hide social google plus |
Url |
Google plus url |
Page ID |
Google plus page ID |
API Key |
Google plus API key |
Taken name and Page ID
Taken API Key
Step 1: login google account and access link: https://console.developers.google.com/project/viet-nam-tui/apiui/credential.
Step2: A popup will show and you choose “Browser key” as image below:
Step 3: Enter your website and can use this key. If you want use for all website please just leave it empty.
Step 4: After you create it, you will have information as image below and you can take API
Google Plus will show your site
Show/Hide |
Allow Show/hide social Instagram |
Url |
Instagram Url |
User ID |
Instagram User ID |
Access Token |
Instagram Access Token |
Step 1: You need first to get ID, for that there is a tool you will use to generate your ID from your Usename click here like so:
Step 2: Make sure you are logged into Instagram.com and then visit Developers page
Step 3: Click on the "Manage Clients" link, as shown below.
If this is the first time you are adding an app or plugin, Instagram will ask you a few questions. You can enter these responses, click "Sign Up", and then click "Manage Clients" again:
Step 4: Register your site by click the "Register a New Client" button.
Step 5: Fill in the "Register new OAuth Client" form with the following infomation and click "Register":
Step 6: Copy the Client ID and Client Secret.
Go to Arqam options page > Instagram block and click on Get Access Token button.
Fill the Instagram App info form and click on Submit button.
It will redirect you to Instagram Authorization Request page .. Enter your Email and password and click on Authorize button.
Instagram will show in your site.
Show/Hide |
Allow show/hide social Dribbble |
Url |
Dribbble Url |
User Name |
Dribbble User Name |
Inst_access_token |
enter access token |
Dribbble will show in your site.
Go To Dribbble Register Application page
Fill in the form fields and create your app
After you're done, copy the Client Access Token and paste it in the Access Token Key field
Show/Hide |
Allow show/hide social Vimeo |
Url |
Vimeo Url |
User ID |
Vimeo User ID |
Vimeo will show in your site.
Show/Hide |
Allow show/hide social SoundCloud |
Url |
SoundCloud Url |
SoundCloud User ID |
SoundCloud User ID |
Client ID |
SoundCloud Client ID |
Step 1: Please go to Go To Your Applications page
Step 2: Click On "Register a new application" Button .
Step 3: Enter Your App Name and click on "Register".
Step 4: Check "Yes, I have read and accepted the Developer Policies" and Click on "Save App" Button
Step 5: Copy the "Client ID" and Go To "Arqam Settings page" and paste it in "API Key" input field in the SoundCloud Box.
SoundCloud will show in your site.
Show/Hide |
Allow show/hide social envato |
Url |
Evanto Url |
User Name |
Envato User name |
Envato will show in your site.
Show/Hide |
Allow show/hide social Delicious |
Url |
Delicious Url |
Use Name |
Delicious User Name |
Delicious will show in your site
Show/Hide |
Allow show/hide social Pinterest |
Url |
Pinterest Url |
User Name |
Pinterest User Name |
Pinterest will show in your site
Show/Hide |
Allow show/hide social Github |
Url |
Github Url |
User Name |
Github User Name |
Github will show in your site
Show/Hide |
Allow show/hide social Behance |
Url |
Behance Url |
User Name |
Behance User name |
API Key |
Behance API key |
Step 1: Go To Manage Your ApplicationsRegister a New App page.
Step 2: Click On "Register a new App" Button .
Step 3: Enter Your App Name, Your Blog URL and Description . Then click on "Register Your App".
Step 4: Copy the "API KEY / CLIENT ID" and Go To "Arqam Settings page" and paste it in "API Key" input field in the Behance Box.
Behance will show in your site
Configure for Icon and Text
Social icon color
Social icon style
Icon background
(NOTE: When Social Icon Color is Social)
Icon Color
(NOTE: When Social Icon Color is Social)
Select Icon Color
(NOTE: When Social Icon Color is Select)
Border Radius
Set border radius
Text Color
Select color for Text