Feed Genie Manual

Become a Master Of Feeds

This is the manual for Feed Genie that allows you to get your favorite feeds as Data Sources directly in Dreamweaver! Now you can add the feed fields directly from the Data bindings panel to your page and any tag attributes as dynamic data! Use Feed Genie Repeater to display all the feed entries exactly the way you want. Choose from the many supplied standard feeds like Flickr, YouTube, Twitter, Facebook, and Picasa but customize them with your own filters!


The Basics: Displaying Picassa Featured feed thumbnails, which open full size within a Lightbox

In this tutorial we will show you how to display a Picassa Featured feed thumbnails using Feed Genie ASP and open the full size images within DMXzone Lightbox.

*You can also check out the video here.

How to do it

1. Define your site in Dreamweaver and create a new page - We've already added a background to our page.

2. Applying the behavior – Under the Server Behavior tab, click the Add new item button (1). Click the DMXzone Menu (2) and select the Feed Genie ASP menuitem(3).

 

The Feed Genie ASP dialog opens:

 

  1. Adding feeds – Add a Name for your feed (1), select the Picassa – Featured Photos item (2) from the dropdown menu and test (3) your feed.



4. Testing Feeds – Once you've added your feed, when clicking the test button a new window opens. In our case it seems our feeds are ok.

5.Editing feeds options – Choose the thumbnail size (1), select the original image size (2), set max results per page (3) and sort feeds by Published Date (4) and select Descending option (5).

 

6. Adding thumbnails – From the Insert menu (1) select the Image menu item (2).

 

  • The Select Image Source window opens, where we will select the data source radio button (1) and choose thumbnail (2).

 

7.Applying the Feed Genie Repeater – Click on the image (1) and select Feed Genie Repeater(5) from the Feed Geniemenu (4) under the Server Behavior tab (2).



  1. Selecting records – For this tutorial we choose all records to be shown on our page.   Now, our Feed Genie Repeater is added to our image.

  1. Adding DMXzone Lightbox – Click on the image (1) and select the Lightbox link (2).

The DMXzone Lightbox Link window opens, click the browse button.

  1. Customizing the Lightbox – Select the Data Source radio button (1) and the Image URL item (2).

  1. Adding titles – We will set up the titles of Picasa images to be used as DMXzone Lightbox titles. Select the <a> tag from the Properties inspector (1), choose the Plain Description item (2), the a.title option from the dropdown menu (3) and click the Bind button (4).

Now, save your work and preview the result in a browser.

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of Wappler.io - the most Advanced Web & App Builder

See All Postings From George Petrov >>

Comments

Be the first to write a comment

You must me logged in to write a comment.