Update: Specify the height and width for the iframe in pixels, as % does not work.
Step 1:
Create a Visualforce Page. We create a simple static table with some styles to give an appealing look..
Name the Page as "homelogo"
Step 2:
Create a new HomePage component.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwd_Ho95I2T3cPUF7N82y_-Uq2VdmEWX9eEgZnygdUj-_3yGTPF18b7SFhkRqAeRQr3oywPZ_gbAvyMS93H1LDze1Dh0N86mO9m8wZRO27haKqdFaOmczVFeg-lHh4gjzVply9F1QJw/s400/homepagecomponent.JPG)
Step 3:
Give a name for your component and select"HTML Area" option.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDwxZvTueBWYP7ijay-RGbSpnrE6zRw4-UGFHMVm5aZGyV9wTufMGGrkdUOjkftQo5mJC4BWQeejWvp15WlO655BebE_JMlfZXhw5Sfmv9je38iFUogSO7B7UkMPLg2fWNZbuGosRh7w/s400/newcomponent.JPG)
Step 4:
Check the "Show HTML" option in the rightmost corner.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVieM1ENyAfQW_HYwhMmkzqoHvvd8if3McTdQsLeir5EmTO652nzzZy0ebWpwL-UjkqUmWzn5nD5m6AqHiM-AdR7dQJyX_f8S4lrdPyP8GrsStp6DXWlcqREStW7KSW7EULM2lA2eFpA/s400/newcomponentstep2.JPG)
Step 5:
Type the following code in the editor window
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW6bpHTfgeEmdhpGEmS40cR3nWd3EB_ol3DeOeuZsUR14pcwtB34ZyQ57bsthNTASM51o61nMByQQCrEMGZ27JlHDx6pkxslPw07iuH5C7tFKCnpFpOnk0HIp_zyak_nRG3p2FUPbV4Q/s400/newcomponentfinalstep.JPG)
Step 6:
Add the component you just now created to your Home Page Layout. And Done!!!
Here's a snapshot of the HomePage..
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPwMqLPrvuipvB2U9BBQ5MxFfh-H8OwNFEOxnjBCiFh1ULC7WWyhm-BU3TwC8eqixTtJNHD_FcLzUppDf7eAtR0CYk_25kWRulyzrTa_T85QMT3qoR8TMfxmlQwuzHvooAKj5uSZ2zw/s400/finalhomepage.JPG)
Step 1:
Create a Visualforce Page. We create a simple static table with some styles to give an appealing look..
Name the Page as "homelogo"
<apex:page showheader="false" >
<style>
table.fancy {
margin: 1em 1em 1em 0;
background: whitesmoke;
border-collapse: collapse;
}
table.fancy tr:hover {
background: lightsteelblue !important;
}
table.fancy th, table.fancy td {
border: 1px silver solid;
padding: 0.2em;
}
table.fancy th {
background: gainsboro;
text-align: left;
}
table.fancy caption {
margin-left: inherit;
margin-right: inherit;
}
</style>
<table class="fancy">
<tr>
<th>Key</th><th>Value</th>
</tr>
<tr>
<td>ACT</td><td>Australian Capital Territory</td>
</tr>
<tr>
<td>NSW</td><td>New South Wales</td>
</tr>
<tr>
<td>NT</td><td>Northern Territory</td>
</tr>
<tr>
<td>QLD</td><td>Queensland</td>
</tr>
<tr>
<td>SA</td><td>South Australia</td>
</tr>
<tr>
<td>TAS</td><td>Tasmania</td>
</tr>
<tr>
<td>VIC</td><td>Victoria</td>
</tr>
<tr>
<td>WA</td><td>Western Australia</td>
</tr>
</table>
</apex:page>
Step 2:
Create a new HomePage component.
Step 3:
Give a name for your component and select"HTML Area" option.
Step 4:
Check the "Show HTML" option in the rightmost corner.
Step 5:
Type the following code in the editor window
<br><iframe src="/apex/homelogo?core.apexpages.devmode.url=1" width="500px" height="600px"></iframe></br>
Step 6:
Add the component you just now created to your Home Page Layout. And Done!!!
Here's a snapshot of the HomePage..