Many users have their blog, twitter feed, facebook feed and more in a site separate from their Brilliant Directories site. This can result in a better handling of security, better management of updates, customization and other positive effects that come from separating both system (Separation of Concern). If a site is setup in this way, posts from the external blog can be streamed in a widget by following this steps (Note: This example uses the Twitter Feed):



The steps needed are:


TWITTER FEED


For Twitter feeds, you can skip steps 4,5 and 6 and simply follow this steps:


1. Go to your Twitter Widget Page at https://twitter.com/settings/widgets and click on the Create Widget button.

 

2. This will by default select the user timeline option which is the one needed for the Twitter Feed to work. Simply click on the Save Settings button.


3. After clicking on the Save Settings button a HTML code will appear at the bottom. Copy this code.


4. On your Backend Dashboard, go to Toolbox -> Widget Manager and create a Widget.


5. Name the widget whatever you want. In this example it is named Twitter Feed.


6. Open your newly created Widget and inside of it, on the Widget Code Box you would paste Paste the Twitter Code you just copied. In my case it would be the following:


  

<a class="twitter-timeline" href="https://twitter.com/luisalvaradox" data-widget-id="605466402049409025">Tweets by @luisalvaradox</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>

 

6. To customize the look of the widget, you could add an additional CSS to the widget's CSS box, for example, to control the Height:


 

.twitter-timeline {
	height: 490px;
}

 


With this you now have an excellent Twitter feed, similar to the image below:



7. Save your widget and go to your Content Pages (Content Link on the Dashboard).


8. Select the content page you wish to add your Blog articles - in our example we are using the home page. Click the Edit button on the home content page.


9. Click on the Source Code icon (Looks like < >) and add the new widget in the position you wish to see it like so:


[widget=Twitter Feed]


10. Save it and now you should have an RSS Feeder that grabs your Twitter tweets