Examples, Tips & Tricks

Autogenerated searches

Use the pre-defined search-options to let your users search the most common websites. It's quick to create these butns for your website. Try this example on butns.com, which demonstrates searches on the term "butns.com" on google and youtube.

Specific destinations

Type or paste specific URL's into your butns-hyperlinks. Add as many as you want. You can also combine these specific links with our pre-defined searches. Here's an example on Butns. Note that the YouTube link and the link to about.html are user-defined links to specific destinations.

Adding butns multi-linking power to an existing link

You can easily transform an existing link into a butns hyperlink and thereby gain all the benefits of using the butns multi-hyperlinking functionality. Simply copy your existing hyperlink code (e.g. http://www.butns.com/about.html) into the textfield on butns.com, and then select which additional destinations you would like to add. As a result, you will get your old link - with the additional destinations added in the pop-up bubble. Here's an example on the link <a href="http://www.butns.com">butns</a>. Note, how the link still behaves as usual, but now also displays a popup bubble with a google search.

A downloadable document in different formats

Use butns to link to multiple file formats for downloads. Try this example on the Butns logo. Note, that the bubble automatically uses nice icons for the most commons formats.

Changing the order of the links in your bubble

The order of the links in your bubble are determined by the order that you added them. So, you can move a link to the end of the list by deactivating it (clicking in the check box), and then activating it again.

Changing the icon for a link

By default, user-specified links will use the favicon associated with the site as icon on the left of the link. You can change this link by writing {icon:IMAGE_URL} after the link. For instance, to use the butns logo when linking to google (example), we would write:
    http://www.google.com{icon:=http://www.butns.com/images/icon_butns.png}
If you instead want to remove the icon completely, just write {icon:=none}.

Linking to all your profile pages at once

Use a single butns-hyperlink to display all your personal profile pages at once. Try this example on Barack Obama. Note, that we here assigned labels to the specific links instead of just displaying the web address itself. This can be done my writing {label:yourlabel} after the address, when entering a specific link. For instance, the last link in the box was created as:
    http://www.facebook.com/barackobama{label:=Obama on Facebook}
For an even smarter profile-bubble, see the next tip.

Adding other stuff to your bubble

The last two tips demonstrated that the label of a link can be modified, and the icon can be removed. In fact, you can even add a label when you haven't specified a link. If you just write:
    {icon:=none,label:=hello}
you will simply get a bubble with the text "hello" (example). You can also add simple HTML tags to your label. This for instance allows you to insert an image in your bubble. Here is the Obama profile from before with an image on top: Barack Obama, and here is the code to make it work.