Home Home » joomla-extension-document » premium-joomla-extensions » Joomla Social Stream Configuration Guide

Joomla Social Stream Configuration Guide

12/06/2015
JUX social stream is a responsive joomla module that bring more that 15 social network channels together and display all in one single network stream. This social stream has 2 styles which is list and wall so you can either display in as sidebar on any page of your site or make a single page to display it.
In this article, I will show you step by step to set up this social stream on your joomla website.

                  details                demo

Server Requirement

Social Stream has several system requirements as follow:

Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
Joomla! 3.x. Please go to - http://www.joomla.org  download Joomla! 3.x.
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.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

Module: mod_jux_social_stream.zip

Module Installation

Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Overview Configure


  • Social Style -Select social style
  • Socail List Style - Select style color for social list. ( NOTE: Only show when choose Social List Stype)
  • Max Width - Set value for max width
  • Max Height - Set value for max height(NOTE: Only show when choose Social Stream List Stype)
  • Load Open - Yes: Social Stream automatically open at the first time when they're loaded. No: keep hiding until user clicks on a tab.(NOTE: Only show when choose Sliding Tabs type).
  • Speed - Speed (in milliseconds) of animation.(NOTE: Only show when choose Sliding Tabs type).
  • Limit Feed Type - Select Limit Feed Type.
  • Limit Feed Count - Fill Limit Feed Count.
  • Rotate - Feed rotator options. (NOTE: Only show when choose Social Stream List Stype)
  • Direction - Direction for content rotation.(NOTE: Only show when choose Social Stream List Stype)
  • Rotate Delay - Delay in milliseconds between rotations - if set to 0 the automatic rotation effect is disabled.(NOTE: Only show when choose Social Stream List Stype)
  • Auto play - Set to yes to autoplay in social stream list.(NOTE: Only show when choose Social Stream List Stype)
  • Filter - Set to yes to include a filter navigation allowing the user to filter specific social networks
  • Controls - Set to yes to include links for controlling feed rotator.(NOTE: Only show when choose Social Stream List Stype)
  • External - Set to yes to share the link in Facebook, Twitter, Google+, Linkedin.
  • Enable jQuery - On/Off jQuery. Turn it off if your site have already jQuery loaded.
  • Enable noConflict - On/Off jQuery noConflict. Turn it on to prevent conflict with Joomla's Mootools.

Configuration for Facebook

  • Show Facebook - Enter to Show/Hide for Facebook gallery
  • Facebook ID - Enter the username you would like to show for the facebook gallery.

How to get your Facebook ID

You can get ID using way following:

  1. Go to https://www.facebook.com/
  2. Login facebook with your account
  3. Copy & Paste your Facebook ID.
  4. Your Facebook ID for your profiles is the long string of numbers present in the URL of our profile.

Here's a Screenshort


Frontend

Wall style

List style

Configuration for Twitter

  • Show Tweet - Set Show/Hide Twitter feed.
  • Twitter ID - Enter the Twitter username
  • Twitter consumer key - Twitter consumer key
  • Twitter consumer key secret - Twitter consumer key secret
  • Twitter Oauth access token - Twitter Oauth access token
  • Twitter Oauth access token secret - Twitter Oauth access token secret
Frontend
Wall style


List style

How to get information for twitter

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 the page and click

Step 6: Use Keys to setup your twitter


Configuration for Pinterest

  • Show Pinterest - Set Show/hide for Pinterest feed
  • Pinterest ID - Enter the user name follow by/and then the board name.
Frontend 
Wall style

List style



How to find your Pinterest ID

You can get ID using way following:
  1. Go to https://www.pinterest.com/
  2. Login pinterest with your account
  3. Choose your profile of you & pin or your Pinterest or access of someone you wanted.
  4. Copy & Paste your Pinterest ID.
  5. Your Pinterest ID for your profiles is the long string of character present in the URL of our profile.
Here’s a screenshot:


Configuration for Google+

  • Show Google+ - Set show/hide for show Google+
  • Google+ ID - Google+ profile ID
  • Google+ Api key - Google+ Api key

Frontend
Wall style

List style

How to get Google+ ID

Your Google+ ID for your profiles is the long string of numbers present in the URL of our profile.

Here’s a screenshot:



Configuration for RSS


  • Show RSS - Show/hide Rss feed
  • RSS ID - RSS feed Url
Frontend 
Wall style


 List style

Configuration for Youtube


Show Youtube - Show/hide for Youtube video uploaded
Youtube ID - Enter the required user name
User ID - Your youtube Username

Frontend 
Wall style

List style

How to get youtube ID
You can get ID using way following:
  1. Go to http://www.youtube.com/
  2. Login youtube with your account or you can choose someone youtube
  3. Copy & Paste your Youtube ID.
  4. Your Youtube ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:



Configuration for Vimeo

Frontend 
Wall style


List style

How to get your Vimeo ID

You can get ID using way following:

  1. Go to https://vimeo.com/log_in
  2. Login vimeo with your account
  3. You can choose my videos, your music store… or videos of someone choose desired.
  4. Copy & Paste your Vimeo ID.
  5. Your Vimeo ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:

Configuration for Flickr

  • Show Flickr - Set Show/Hide for Flickr feed
  • Flickr ID - Flickr ID

Frontend
Wall style

List style
How to get your Flickr ID

Flickr ID is the ID represents your account. It has the format: xxxxx@N0x. If you don’t know how to get it, please do these steps:
1. Go to http://idgettr.com/
2. Input your username and hit enter. You’ll get your ID:


Configuration for Tumblr

  • Show Tumblr - Set Show/Hide for Tumblr
  • Tumblr ID - Tumblr username

Frontend
Wall style

List style
How to get your Tumblr ID

You can get ID using way following:

  1. Go to https://www.tumblr.com/
  2. Login Tumblr with your account
  3. Choose your profile of you and you select items or you can choose Tumblr of others with the items you want.
  4. Copy & Paste your Tumblr ID.
  5. Your Tumblr ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:

Configuration for Stumbleupon

Show Stumbleupon - Set Show/Hide for Stumbleupon
Stumbleupon ID - Stumbleupon username

Frontend
Wall style

List style

How to get your Stumbleupon ID

You can get ID using way following:
  1. Go to https://www.stumbleupon.com/login
  2. Login Stumbleupon with your account
  3. Choose account of you or your Stumbleupon access of someone you wanted.
  4. Copy & Paste your Stumbleupon ID.
  5. Your Stumbleupon ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:



Configuration for Delicious

  • Show Delicious - Set Show/Hide for Delicious
  • Delicious ID - Delicious Username

Frontend 
Wall style
 List style

How to get your Delicious ID
You can get ID using way following:

  1. Go to https://delicious.com/
  2. Login Dilicious with your account
  3. Choose your profile of you or your Delicious access of someone you wanted.
  4. Copy & Paste your Dilicious ID.
  5. Your Dilicious ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:


Configuration for Last.fm

  • Show Last.fm - Set Show/Hide for Last.fm recently listend tracks
  • Last.fm ID - Last.fm Username

Frontend 
Wall style

List style
How to get your last.fm ID
You can get ID using way following:

  1. Go to https://secure.last.fm/login
  2. Login last.fm with your account
  3. Choose account of you or your last.fm access of someone you wanted.
  4. Copy & Paste your last.fm ID.
  5. Your last.fm ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:

Configuration for Dribbble

  • Show Dribbble - Set Show/Hide for Dribbble
  • Dribbble ID - Dribbble Username 
Frontend 
Wall style

 List style

How to get your Dribbble ID
You can get ID using way following:

  1. Go to https://dribbble.com/signup
  2. Login Dribbble with your account
  3. Choose account of you or your Dribbble access of someone you wanted.
  4. Copy & Paste your Dribbble ID.
  5. Your Dribbble ID for your profiles is the long string of character present in the URL of our profile.

Here’s a screenshot:


Configuration for Deviantart


  • Show Deviantart - Set Show/Hide for Deviantart
  • Deviantart ID - Deviantart Username
Frontend 
Wall style


List style

Hope this configuration for joomla social stream will help you easier in setting up this extension.
Share this post
Related Posts

1 nhận xét:

  1. Nặc danh02:32:00

    Wow amazing i saw the article with execution models you had posted. It was such informative. Really its a wonderful article. Thank you for sharing and please keep update like this type of article because i want to learn more relevant to this topic.description School website design uk

    Trả lờiXóa