You can easily add random quotes from Quotiki to your own website. Each time your page loads, it will automatically display a different random quote right on your own site. Follow the instructions to add the appropriate code to your site.

The Code
Just cut and paste one of the text blocks below into your HTML where you want the quotes to be displayed on your site.

Style 1 - White Box, Black Border

Style 2 - Author Left Aligned

Style 3 - Author Right Aligned

What It Does
Take a look at the boxes on the right side of this page. Each random quote uses the exact code contained in each of the text boxes above. Just select the style you like the best. The quote should stretch to fit wherever you place it on your page.

 
Advanced Formatting
If you want to customize the appearance of the random quote for your web page, you can use CSS with the class names to customize the display. Simply customize the CSS styles contained within the text box below.



How the code text above will display if code is left unchanged:
  • padding: set padding in pixels
  • background-color: set background of quote box to blank or a color such as white
  • border-color: set font-size to any percentage you like
  • border-style: set style to none or solid
  • border-width: set width of border in pixels
  • font-size: set font-size to any percentage you like
  • font-weight: set font-weight to normal or bold
  • font-family: only set font-family if you want to override your web site's existing fonts
  • color: set color that text should appear in
  • text-align: set text to appear left aligned or right aligned
  • text-decoration: set text decoration to none or underline


Welcome Guest
Style 1
Style 2
Style 3