Postcode widget voor uw website of blog

Postcode Widget - een geweldige aanvulling op uw site! 
Voer de postcode in om het adres te vinden.
Deze Postcode Widget zal een geweldige aanvulling zijn op de functies van uw website.

Om de widget te installeren, moet u de HTML-code kopiëren en installeren op uw website.
Met CSS Stith, kunt u het ontwerp naar uw smaak aan te passen.

Als uw site maakt gebruik van jQuery bibliotheek, dan is deze lijn kan worden geschrapt:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Kopieer en plak deze code in uw website of blog (verticale postcode widget):

<style>
.pc_inf_main 
{ width:100%; }
.pc_inf_table 
{ vertical-align: top; width:150px; height:200px; text-align: left; padding: 5px; 
background:url(//postcode.direct/api/img/inf1.png) #F2F2F2 no-repeat 50% 75%;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; 
-moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } 
.pc_inf_td_top 
{ color:#666666; font-family: Arial; font-weight: bold; font-size: 14px; }    
.pc_inf_td_mid 
{ vertical-align: middle; text-align: center; height:100%; 
color:#336699; font-family: Arial; font-weight: bold; font-size: 12px; }
.pc_inf_td_input 
{ text-align: center; }    
</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<center>
<script type="text/javascript" src="//postcode.direct/api/informers/i.php?t=v_htm"></script>
</center>

Voorbeeld verticale widget:

Kopieer en plak deze code in uw website of blog (horizontale postcode widget):

<style>
.pc_inf_main_h
{ width:100%; }
.pc_inf_table_h
{ vertical-align: top; width:480px; height:80px; text-align: left; padding: 5px; background:#F2F2F2; } 
.pc_inf_table2_h
{ vertical-align: top; width:480px; height:80px; }    
.pc_inf_td_top_h
{ vertical-align: top; color:#666666; font-family: Arial; font-weight: bold; font-size: 14px; }    
.pc_inf_td_res_h
{ vertical-align: top; text-align: left; height:100%; color:#336699; font-family: Arial; font-weight: 
bold; font-size: 12px; }
</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<center>
<script type="text/javascript" src="//postcode.direct/api/informers/i.php?t=h_htm"></script>
</center>

Voorbeeld horizontale widget: