How to personalize Yammer embed box

Question

I would like people in our company to be able to embed various yammer feeds into their sharepoint sites. However, the default embed box isn't looking great (the top of the box is basically name of the feed in arial on Yammer-blue background). Is there a way how to improve its look?

Answer 1

Yammer offers an embed preview editor that allows you to get rid of the header and footer, among other things, and preview it online: https://www.yammer.com/widget/configure

You can remove the blue header by adding a config line in the embed code:

yam.connect.embedFeed({
         container: "#divname",
         network: "yourdomain.ca",
         feedType: "group",
         feedId: "all",
         config: {
                 header: false,
                 footer:false,
                 hideNetworkName:false
             }
          });

The widget will fill whatever div you've placed it in, so you can make it as tall or as wide as you like. Simply modify the div with css or an inline style:

    <div id="divname" style="height:600px; width:80%;"></div>

To my knowledge you cannot get rid of the input box at the very top, but you can customize what it says.

Answer 2

Yammer doesn't allow you to customize the look & feel of their embed feed. But you can turn off the header via configuration option.

Also that blue background is coming from your network configuration. The same color as your web version, and you can change it inside Network configuration page.