Webmaster and Blogmaster Tools

If you run a China blog or news site with stuff about China, here are some tools for you to help get the word out about your stories.

  • Add a Hao Hao Report button/link to your site
  • Add Hao Hao Report to your Facebook profile. [NEW!]
  • Add a Hao Hao This! link to your blog posts [UPDATED!]
  • Add a "Latest News" box to your site, displaying HHR's recent submissions.
  • Add a Hao Hao This! link to your Feedburner Feed

Adding A Hao Hao Report Button To Your Site

This is for Webmasters who wish to put a little link or button (often in the sidebar) to this site. Just choose the graphic you like best, cut and paste the code and magically you'll have entered a land where life has new meaning, attractive people want to know you, people value your opinions more than their own and harmony surrounds you. Alright, we can't guarantee any of that, but it might happen. Give it a try.



Good for white backgrounds (160x50)

Good for dark backgrounds (160x50)


A little badge (80x15)		 The Hao Hao Report

A simple text link.

Adding Hao Hao Report To Your Facebook Profile

If you'd like to display the top news and blog posts about China on your Facebook profile, all you need do is add the official Hao Hao Report Facebook app. Easy peasy.

Adding A Hao This! Link To Your Blog Posts

WP Users - NEW Easy Way:

If you run your blog on WordPress, the absolute easiest way to add a Hao Hao link to your blog posts is by installing the Sociable 2.0 plugin. This plugin allows you to include a number of social bookmarking "add" links to your posts. These allow your readers to easily add your posts to their choice of social bookmarking sites - and as of the most recent version, Hao Hao Report has been included in the plugin.

Instructions for installation and use are available at the plugin's Web page, but let us know if you're having problems - we're happy to help.

Hao Hao would like to thank Sociable creator Peter Harkins for including us, and Shanghai China Snippets for suggesting it.

The harder way (and for everyone else, sorry):

We advise you to make a backup of your Index.php file before making any modifications. This edit is minor, but with computers, we've given up guessing when and what could go wrong.

WordPress
 Blogger Old
 Blogger New
 Moveable Type

WordPress Blogs

Simply follow these step-by-step instructions. These instructions are for putting the link on your main (Index.php) page, but can be adjusted to suit your needs.

  1. Log into your Wordpress account and go to the Presentation-Theme Editor menu.
  2. Select the Main Index Template (index.php) link from the page list.
  3. Locate the line that contains your "Comments:". It should look something like this:
    <?php edit_post_link('Edit',''); ?> <br /><strong>Comments:</strong> <?php comments_popup_link('Be the first to comment', '1 Comment', '% Comments'); ?>
  4. Just before the <strong>Comments:</strong> add the following code:
    Text Link: HaoHao This!
    		 Image:
    		Bit'o'Both: HaoHao This
  5. Click the "Update File" button, reload your main page and you should see the "HaoHao This!" link beside your Comments: field.

To see this in action, check out this blog: Adventures of the Humanaught.

Blogger Blogs

  1. Log in to your Blogger account. Actually, if you needed this step - stop now and surrender your blog to the nearest authority.
  2. From the Dashboard, select the blog you wish to modify (if you have more than one).
  3. Click the Template tab and navigate to the box with all the template code in it.
  4. Look for something like the following code:
    <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
    When you find this, you'll know you're around the part of the code that controls the Blog Post Footer information (posted by, time, # of comments, etc.).
  5. Choose a location for the link and add the following code:
    Text Link: HaoHao This!
    		 Image:
    		Bit'o'Both: HaoHao This
  6. Click the "Save Template Changes" button, reload your main page and you should see the "HaoHao This!" link in your post footer.

To see this in action, check out this blog: Adventures of the Humanaught @ Blogspot.

  1. Support for Blogger Beta is limited, but this should work.
  2. Login, go to the Template tab and click the Edit HTML option.
  3. Be sure to click the 'Expand Widget Template' option just above the Edit Template box.
  4. Search for "post-labels" in the template contents, it should look like:
    <span class='post-labels'>
  5. Follow this <span> down until you find the </span> tag. Insert the following code just above the </span> tag:
    HaoHao This
  6. Click the "Save Template" button, reload your main page and you should see the "HaoHao This" link at the bottom of each post.
  7. NOTE: It is entirely possible that with a bit of work you can move this link around a bit and put it in a more suitable place for your blog. Just make sure the code stays the same.

To see this in action, check out this blog: Granite Studio.

MovableType Blogs

Sorry we can't give detailed instructions, but here is the code snippet you'll need:
Text Link: HaoHao This!
 Image:
Bit'o'Both: HaoHao This

To see this in action, check out this blog: scRamble.

More Blogs To Come...

In principle the above code will work in any blog. If you're handy with HTML and template changes, I'm sure you can figure out how to add it to your blog. However, we are currently working on adding instructions for other blogs. Send us an e-mail if you need help, or if you've figured out how to do it for a blog management platform that isn't mentioned here.



Add the "Latest News" to your site.

This handy little item allows you to include a fully customizable box on your site (perfect for blog sidebars) that displays the most recently submitted stories on HHR.

Simply slap the following code whereever you want the box to appear:

<script src="http://feeds.feedburner.com/HaoHaoReport-New?format=sigpro&nItems=4" type="text/javascript" ></script><noscript></noscript>

Note: You can adjust the number of HHR headlines to be displayed by changing the "nItems=" value (currently set to 4). You'll also need to add a few items to your site's main CSS file. Simply open the text file below and copy & paste the included CSS into your site's CSS file.

The CSS is set to our "default" style, but you are welcome to customize it to better suit your site's theme.


Adding a link to your feed.

To add a Hao Hao This! link to your RSS feed being handled by FeedBurner, simply do the following:

  1. Log into your FeedBurner.com account.
  2. Select the feed you wish to manage.
  3. Choose the Optimize tab.
  4. Under Services click on the FeedFlare link.
  5. Under the list of Official FeedBurner Flare, there is a "(Enter or paste a Flare Unit URL)" input box, add http://www.haohaoreport.com/haohaothis.xml to the box and click the Add New Flare button.
  6. There should be a new entry under Personal Flare. Make sure both the Feed and the Site check-boxes are checked.
  7. Scroll down and click the Save button. All done. Easy peasy, no?