How Tipsy is Your Town Plugin « Blog | Gartoo Property Search

27 January 2011

How Tipsy is Your Town Plugin

How Tipsy is Your Town

Download: Tipsiest.zip
Versions: 1.04
Updated: 17 February 2011
Size: 3.8 kB

How Tipsy is Your Town is a fun widget that shows users how tipsy their town is in relation to towns in the surrounding areas based on the number of pubs in each postcode.

The widget also links to a heatmap of the user’s city showing the distribution of pubs in the area, which on a national scale have a negative correlation with house prices and crime rate.

Installation

WordPress Installation

Installation on WordPress is just like any WordPress plugin.

Download Tipsiest.zip
Unzip
Upload to wp-content/plugins/
Activate plugin
Add Tipsiest in widgets sub-menu

Other Websites

Copy the following html code and paste it in the html code of the page where you want the widget to appear.

<div id="div_tipsiest" style="width: 250px;">
  <table width="100%" height="300" cellspacing="0" cellpadding="0" border="0" style="margin: 0px; padding: 0px;">
    <tr><td width=10 class="tps_left"></td>
    <td class="tps_center" valign="top">

<div class="tps_head"> <b>HOW TIPSY IS YOUR TOWN?</b> </div>

<div style="position: relative; height: 250px; z-index=1;">
      <div style="height: 160px;"></div>
      <div class="tps_sep"></div>
      <div style="height: 16px; margin: 0px; padding: 0px;">
        Created by <a href="http://www.gartoo.co.uk">Gartoo</a> & Lokku Labs<br>

</div>
      <div class="div_tps_area" style="margin: 0px; padding: 0px; height: 44px;">
        <img src="http://blog.gartoo.net/tipsiest/img/houseicon.gif">
        <div id="div_tipsiest2">
          find about prices of 
          <a href="http://www.gartoo.co.uk/houses-in-south-east-london">houses in South East London</a>
        </div>
      </div>

<div style="position: absolute; top: 0px; z-index: 10;">
        <iframe style="position: relative;" src="http://blog.gartoo.net/tipsiest/tipsiest2.html" frameborder=0
            marginwidth=0 marginheight=0 scrolling="no" width="100%" height="256"
            allowtransparency="true" style="background-color: transparent;">
          <p>Your browser does not support iframes</p>
        </iframe>
      </div>
    </div>
  </div>

</td>
    <td width=10 class="tps_right"></td></tr>
  </table>

</div>