To insert a Twittercontainer in the left bar of your site,
please follow these steps below :
1. In the top menu selectWebsite , then Layout Manager from the dropdown.
2. On the
Layout Manager page in the left bar, Click 
button.
3. Click the Edit link in the Empty box.
4. Select
Column Twitter from the dropdown list.
5. To set up Twitter, please use the form :
Main Selection: This is the dropdown that providesa list of containers you can choose.
Enable: Setting this to Yes will display the Twitter.
Label Name: Enter the title.
You can use language keyword for this or directly enter your
text.
Seq No.: This is the vertical sequence number, enter
with format e.g. 01 (means to display on the first). You cannot enter with e.g.
1. If you want to display the sequence in the last, enter bigger number e.g.
14.
Share with Mobile: Set Yes to display for mobile site
too. Setting this No means to only display for desktop layout site.
Display with Box: Setting
this to Yes will display your twitter in a box.
Widget
ID: Enter your Twitter Widget ID.
Below are the steps to get the
Widget ID:
1. Please log into your Twitter account from twitter.com.
2.
Click on your profile picture in top right.Then from the dropdown list, please
select Settings.
3. Click on Widgets on left column.
4. Click
"Create new" if you have not created any widget yet.
5. Choose "User
timeline" tab, and leave everything default, then click Create widget.
6. You
will get the JS script from the box.
Eg:
<a
class="twitter-timeline" href="https://twitter.com/YourUserName"
data-widget-id="xxxxxxxx">Tweets by @YourUserName</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Note:
xxxxxxxx is your Widget ID.
Twitter Options:Choose your widget type.
Twitter Username: Enter your Twitter username. Required for Profile and Faves widget.
Search / List Name: Enter the search text. Required for Search widget.
Theme:Select your preferred
theme : Light or Dark.
Height: Enter your widget height in pixel,
e.g. 300. Leave empty if you do not set this.
Tweets Link Color:
Enter the tweets link color e.g. #b740c2.
Border Color: Enter the
border color e.g. #000000.
Show Header?: Select Yes to show Twitter header.
|
|
In the screenshot , we marked the red color for the Twitter header. This is after you set Show Header to Yes. |
Show Footer?: Select Yes to show Twitter footer.
|
|
In the screenshot , we marked the red color for the Twitter footer. This is after you set Show Footer to Yes. |
Show Scrollbar?:Select Yes to show
scrollbar.
Once all your fields are entered, please always click Save
Changes button.
