Embedding a Widget

How to Embed the Widget On Your Site

Embedding the widget into your blog or website is a simple copy-paste effort. Let us assume you want to embed Mixx's widget on your blog. The steps required are:

  1. Copy the script HTML to the right.
  2. Create/Edit your blog entry.
  3. Paste the HTML into your post.

Some blogs don't allow a direct paste of HTML tags so you may need to edit your post in "HTML Mode". Once you've saved you will get a widget that looks like the following:

http://www.mixx.com/

Mixx is your link to the web content that really matters. There's a lot of information out there and, let's face it, you don't have all day to find the good stuff (if you do, we're totally jealous)....More»

Mixx is your link to the web content that really matters. There's a lot of information out there and, let's face it, you don't have all day to find the good stuff (if you do, we're totally jealous). And who knows better than you what informs you, what makes you think, what makes you laugh? So why should some faceless editor get to decide what's important?

But now you're in charge. You find it; we'll Mixx it. Use YourMixx to tailor the content categories, tags, specific users and groups, and we'll deliver the top-rated content as chosen by you and people who share your passions. So go ahead and whip up your own version of the web. Just tell us how you like it Mixxed and we'll deliver the best the web has to offer—morning, noon and night.

Product of Recommended Reading, Inc.«Less

Location: McLean, VA, United States
Latest Funding: Series A - $2M (02/2008)
Investors:
Competitors:
News: 3 new articles since 09/06/2008

Pretty simple, huh? But, what if you wanted to change the widget so it looks better on your site or you don't want to display all the information above?

Customize the Widget

You can quickly customize the widget by using our predefined options on the preview page. You can choose to not show the news & discussion lines or not to show all any of the detailed information like Location, Latest Funding, etc. A few, quick checks can give you just the right amount of information you want.

You can futher customize the widget to suit your needs with CSS. CSS brings you the power to change the font, background or layout of our widgets, but we've also made it convenient to hide any elment you want.

As an example we may want to hide the detailed information from the widget. You can accomplish this by adding the following line to you CSS file:

	.tradevibes_details { display: none; }
  

Now the next time you view our widget it will look like this:

http://www.mixx.com/

Mixx is your link to the web content that really matters. There's a lot of information out there and, let's face it, you don't have all day to find the good stuff (if you do, we're totally jealous)....More»

Mixx is your link to the web content that really matters. There's a lot of information out there and, let's face it, you don't have all day to find the good stuff (if you do, we're totally jealous). And who knows better than you what informs you, what makes you think, what makes you laugh? So why should some faceless editor get to decide what's important?

But now you're in charge. You find it; we'll Mixx it. Use YourMixx to tailor the content categories, tags, specific users and groups, and we'll deliver the top-rated content as chosen by you and people who share your passions. So go ahead and whip up your own version of the web. Just tell us how you like it Mixxed and we'll deliver the best the web has to offer—morning, noon and night.

Product of Recommended Reading, Inc.«Less

Location: McLean, VA, United States
Latest Funding: Series A - $2M (02/2008)
Investors:
Competitors:
News: 3 new articles since 09/06/2008

You can follow this example to hide any element you want.

You can hide, modify these elements by using using its class name in your CSS.
ElementClass Name
Logotradevibes_logo_header
Company URLtradevibes_company_url
All Detailstradevibes_details
Descriptiontradevibes_description
Locationtradevibes_location
Latest Fundingtradevibes_location
Investorstradevibes_funding
Competitorstradevibes_competitors
Newstradevibes_news
Discussionstradevibes_discussions

You can certainly do a lot more with CSS to mold the widget to the style you prefer but these quick tips go a long way to making TradeVibes's information available and convenient to you. Enjoy.

Embed Company Widget
Preview »

Add this company's information to your site.