hype it up! Buttons

These buttons are designed to appear on every post you write—giving you and readers an easy way to submit them to ShowHype. The code goes in your base template.

Select the blogging platform you're using, then copy/paste the code snippet for the button style you prefer.

Single Page
WordPress
Blogger
Movable Type
ExpressionEngine
BlogHarbor
FeedBurner

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php echo addslashes(str_replace(''', '\'', get_the_title())) ?>');return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php echo addslashes(str_replace(''', '\'', get_the_title())) ?>');return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php echo addslashes(str_replace(''', '\'', get_the_title())) ?>');return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php echo addslashes(str_replace(''', '\'', get_the_title())) ?>');return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php echo addslashes(str_replace(''', '\'', get_the_title())) ?>');return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

New Blogger

hype it up!	Text Link <a expr:href='"http://showhype.com/post/url/?url=" + data:post.url + "&title=" + data:post.title'>hype it up!</a>
	hype it up! Button <a expr:href='"http://showhype.com/post/url/?url=" + data:post.url + "&title=" + data:post.title'><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a expr:href='"http://showhype.com/post/url/?url=" + data:post.url + "&title=" + data:post.title'><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a expr:href='"http://showhype.com/post/url/?url=" + data:post.url + "&title=" + data:post.title'><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a expr:href='"http://showhype.com/post/url/?url=" + data:post.url + "&title=" + data:post.title'><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

Classic Blogger

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$BlogItemPermalinkURL$>')+'&title='+encodeURIComponent('<$BlogItemTitle$>');return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$BlogItemPermalinkURL$>')+'&title='+encodeURIComponent('<$BlogItemTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$BlogItemPermalinkURL$>')+'&title='+encodeURIComponent('<$BlogItemTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$BlogItemPermalinkURL$>')+'&title='+encodeURIComponent('<$BlogItemTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$BlogItemPermalinkURL$>')+'&title='+encodeURIComponent('<$BlogItemTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$MTEntryPermalink$>')+'&title='+encodeURIComponent('<$MTEntryTitle$>');return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$MTEntryPermalink$>')+'&title='+encodeURIComponent('<$MTEntryTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$MTEntryPermalink$>')+'&title='+encodeURIComponent('<$MTEntryTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$MTEntryPermalink$>')+'&title='+encodeURIComponent('<$MTEntryTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('<$MTEntryPermalink$>')+'&title='+encodeURIComponent('<$MTEntryTitle$>');return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{title_permalink}')+'&title='+encodeURIComponent('{title}');return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{title_permalink}')+'&title='+encodeURIComponent('{title}');return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{title_permalink}')+'&title='+encodeURIComponent('{title}');return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{title_permalink}')+'&title='+encodeURIComponent('{title}');return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{title_permalink}')+'&title='+encodeURIComponent('{title}');return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

hype it up!	Text Link <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{{permalink_url}}')+'&title='+encodeURIComponent('{{title}}');return false;">hype it up!</a>
	hype it up! Button <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{{permalink_url}}')+'&title='+encodeURIComponent('{{title}}');return false;"><img src="http://images.showhype.com/media/img/show/button_96x22.png" width="96" height="22" alt="ShowHype: hype it up!"/></a>
	ShowHype Badge <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{{permalink_url}}')+'&title='+encodeURIComponent('{{title}}');return false;"><img src="http://images.showhype.com/media/img/show/showhype_80x15.gif" width="80" height="15" alt="ShowHype: hype it up!"/></a>
	Orange Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{{permalink_url}}')+'&title='+encodeURIComponent('{{title}}');return false;"><img src="http://images.showhype.com/media/img/show/icon_orange.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>
	Purple Icon <a href="http://showhype.com/post/" onclick="location.href='http://showhype.com/post/url/?url='+encodeURIComponent('{{permalink_url}}')+'&title='+encodeURIComponent('{{title}}');return false;"><img src="http://images.showhype.com/media/img/show/icon_purple.png" width="16" height="16" alt="ShowHype: hype it up!"/></a>

On FeedBurner, navigate to My Feeds.
Select the feed that you would like to update.
Click the Optimize tab.
Click the FeedFlare button.
Paste the following URL into the Add New Flare box and press enter: http://widgets.showhype.com/feedflare.xml
Select the Feed and/or Site checkboxes and click Activate or Save.

Note: Internet Explorer users currently aren't able to add new FeedFlares on the FeedBurner.com web site. If you run into a problem, try using Firefox.

hype it up! Buttons

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

New Blogger

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

Classic Blogger

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon

Text Link

hype it up! Button

ShowHype Badge

Orange Icon

Purple Icon