Add a daily horoscope to your site

Choose the sign and the look, then copy the code and paste it into your site's HTML. The horoscope refreshes itself every morning; the box uses no cookies and shows no ads.

If you choose a single sign, the box only shows that sign's horoscope.
Theme

The automatic theme switches to the night look when the visitor's device is in dark mode.

Maximum width

Preview

Embed code

<div class="astro12-widget" data-burc="tumu" data-tema="auto" style="max-width:440px"><a href="https://12astro.com/daily-horoscopes">12astro daily horoscopes</a></div>
<script async src="https://12astro.com/widget.js"></script>
If your site doesn't accept scripts: iframe code only

With this code the box has a fixed height; if the horoscope is long, it scrolls inside the box.

<iframe src="https://12astro.com/widget/gunluk-burc?burc=tumu&amp;tema=auto" title="Daily horoscope (12astro)" loading="lazy" style="display:block;width:100%;max-width:440px;height:470px;border:0;color-scheme:normal"></iframe>

Where do I paste it?

  • WordPress: add a “Custom HTML” block to a page or to the sidebar under Appearance › Widgets and paste the code into it.
  • Blogger: Layout › Add a Gadget › HTML/JavaScript.
  • Other sites: paste the code into the page's HTML where you want the box to appear.