Preview below.

How to get a side banner like this one.

  1. Click ‘Edit HTML’
  2. Paste this code after <head>.
  3. Paste this code before <style type=”text/css”>.
  4. Paste this code after <style type=”text/css”>.(Do a little trial & error on the ‘margin-top: 300px;
    margin-left: 600px; ’ elements for better fit)
  5. Paste this code after <body>.
  6. Click ‘Appearance’
  7. Click ‘Save’
  8. Reload the page. 
  9. Edit the side banner through the appearance settings(sidebanner1, sidebanner2 & text:sidebanner)
  10. Click ‘Save’
  11. Click ‘Close’
  12. Enjoy your new sidebanner! 


  • If you want another font please see some of my customized fonts tutorials that will be posted later. 
  • Make sure to change the (margin-top: 300px; margin-left: 600px;) as desired. 
  • The directions are pretty direct, so you have no right to ask me anything unless to help you with the fonts & styles.