Dreamweaver Tutorial – Part Eight – Placing a Facebook Feed On Our Website

In part eight of this series, we add a Facebook feed to our website. We change the appearance setting of the feed to make it suit our sites theme and color s…
Video Tutorial Rating: 4 / 5

Don’t forget to check out our other video tutorials or share this video with a friend.

0 votes

Loading... 3,814 views

15 responses to “Dreamweaver Tutorial – Part Eight – Placing a Facebook Feed On Our Website”

1. Sligo Web Solutions says:

   10/02/2014 at 3:43 pm

   @radencuic peter bogdan. Glad I could help.

   Reply
2. Jon Marietta says:

   10/02/2014 at 3:46 pm

   Did not work in adobe dreamweaver cs5…….definately not that simple.

   Reply
3. radenciuc peter bogdan says:

   10/02/2014 at 3:47 pm

   Hey, I`m using the DW CC, the newest version of it, just got updated and
   this tutorial got me on the right way to adding more stuff to my webpage.
   Thanks man!

   Reply
4. Clara Barry says:

   10/02/2014 at 4:31 pm

   Thanks lads good tutorial definitely came in handy!!

   Reply
5. Sligo Web Solutions says:

   10/02/2014 at 4:49 pm

   Hi Kevin. Are you building the site on a live server or on a local server?
   Also, if your rendering the site through Dreamweaver, the Facebook feed may
   not display. Hope this helps

   Reply
6. Rayquon Elliott says:

   10/02/2014 at 5:18 pm

   went to the likebox section but there seem to be less areas to set e.g.
   border color doesn’t show up for me to set. How do i fix this manually?

   Reply
7. Walter White says:

   10/02/2014 at 5:43 pm

   DON’T WORK

   Reply
8. Kevin Lorimer says:

   10/02/2014 at 5:56 pm

   Just testing it in a browser, not online. I take it that it needs to be
   online in order to see it?

   Reply
9. Steve Wingate says:

   10/02/2014 at 6:50 pm

   Many thanks for such a clear explanation of how to place a facebook feed
   onto a website. I don’t use Dreamweaver but it still applies to the
   software I use to build sites, namely Microsoft’s Expression Web 4, which
   is now free though no further versions will be available, but it is a good
   way to learn HTML for the technically minded

   Reply
10. Sligo Web Solutions says:

    10/02/2014 at 7:27 pm

    Hi Neshamah. I would advise you to create a separate DIV for each feed you
    are trying to add. Set them to the exact width and height of each of the
    widgets you wish to use and position them accordingly by creating a CSS
    rule for each. What you can do then is give each DIV a z-index value of 50.
    This will ensure that the DIV’s stay above any background images, e.g.:
    z-index: 50; I hope this answers your question.

    Reply
11. Sligo Web Solutions says:

    10/02/2014 at 8:00 pm

    Thanks Steve. You are 100% right. The building blocks are the same. I’m
    glad you found the video useful.

    Reply
12. Sligo Web Solutions says:

    10/02/2014 at 8:57 pm

    No problem Kevin.

    Reply
13. Sligo Web Solutions says:

    10/02/2014 at 9:12 pm

    To do this, just create a div around the Likebox and give it an id of
    “fb_plugin”. Then create a style rule for it, eg: .fb_plugin {border: 1px
    solid #e9e9e9;}

    Reply
14. Rayquon Elliott says:

    10/02/2014 at 9:40 pm

    thanks much

    Reply
15. Kevin Lorimer says:

    10/02/2014 at 9:54 pm

    Thank you so much.

    Reply