Blog Templates

Posted by Katie on July 15, 2009

  1. Copy and paste one of the templates into your paint program
  2. Add pictures and text
  3. Upload it to a host (like tinypic.com)
  4. Copy and paste the code under the template you used
  5. Replace IMAGE URL HERE with the url the image host gave you

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 200px; height: 170px; position: relative; left: 140px; top: 105px; width: 195px; height: 152px; overflow: auto;">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 175px; height: 250px; position: relative; left: 175px; top: 25px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 323px; height: 135px; position: relative; left: 25px; top: 135px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 166px; height: 250px; position: relative; left: 25px; top: 24px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>

<div style="background-image: url('IMAGE URL HERE'); height: 297px; width: 373px;"><div style="width: 210px; height: 165px; position: relative; left: 32px; top: 107px; overflow: auto">YOU CAN PUT YOUR TEXT HERE</div></div>




Write a comment