AstroArasan விட்ஜெட் அரங்கம் (Embeddable Widgets Suite)

வேர்ட்பிரஸ் தளங்களில் 3 வெவ்வேறு வழிகளில் இணைக்க முடியும். உங்களுக்கு வசதியான முறையைத் தேர்ந்தெடுக்கவும்:

கூகுள் பிளாகரில் பக்கப்பட்டையில் (Sidebar) விட்ஜெட்டை இணைப்பது மிக எளிது:

1. உங்கள் பிளாகர் டாஷ்போர்டில் (Blogger Dashboard) Layout பகுதிக்குச் செல்லவும்.
2. Sidebar (Right/Top) பகுதியில் உள்ள + Add a Gadget இணைப்பைக் கிளிக் செய்யவும்.
3. தோன்றும் பாப்-அப் பட்டியலில் HTML/JavaScript கேஜெட்டைத் தேர்ந்தெடுக்கவும்.
4. Title பகுதியில்: இன்றைய பஞ்சாங்கம் என தட்டச்சு செய்யவும்.
5. Content பகுதியில் மேலே நீங்கள் உருவாக்கிய முழு விட்ஜெட் குறியீட்டை ஒட்டவும் (Paste).
6. கீழே உள்ள Save பட்டனை அழுத்தி சேமிக்கவும். விட்ஜெட் உடனே உங்கள் பிளாக்கில் இயங்கும்!

சிங்கிள் பேஜ் அப்ளிகேஷன்களில் (SPA) `useEffect` அல்லது Next.js Script காம்போனன்ட் மூலம் எளிதாக இயக்கலாம்:

// AstroArasanWidget.jsx (React / Next.js)
import { useEffect } from 'react';

export default function AstroArasanWidget({ type = "panchangam", theme = "gold" }) {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = "https://astroarasan.com/static/widget.js";
    script.async = true;
    document.body.appendChild(script);
    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return (
    <div 
      id="astroarasan-widget" 
      data-type={type} 
      data-theme={theme} 
      data-layout="card" 
      data-lang="ta"
    />
  );
}