AllaTurkaa

GELİŞMİŞ WIDGET KURULUM VE KULLANIM KILAVUZU

Bu kılavuz, size verdiğimiz "color-converter.html" gibi widget dosyalarını sitenize eklemek için atmanız gereken tüm adımları detaylıca açıklamaktadır.

I. KURULUM VE DOSYA YÜKLEME

Adım 1: HTML Dosyasını Kaydetme ve Kopyalama

1. Size verdiğimiz HTML kodlarını kopyalayın.
2. Bilgisayarınızda (Örneğin: Not Defteri veya VS Code) bir metin dosyası oluşturun.
3. Kodu yapıştırın ve dosyayı color-converter.html adıyla kaydedin.

Adım 2: Sunucuya Yükleme

Hazırladığınız .html dosyasını sitenizin ana dizinine (genellikle public_html klasörüne) yükleyin.
Dosya yolunuz bu şekilde erişilebilir olmalıdır: https://www.SITE-ADRESINIZ.com/color-converter.html

II. SİTEYE EKLEME: IFRAME KULLANIMI

Widget'ı sitenizin panelinde veya herhangi bir yerinde göstermek için <iframe> (Inline Frame) kodunu kullanmalısınız. Bu kod, site içeriğinizin içine başka bir web sayfasını (sizin .html dosyanızı) yerleştirmenizi sağlar.

Aşağıdaki <iframe> kodunu sitenizin widget/modül ekleme alanına yapıştırın:

IFRAME KODU ÖRNEĞİ

<iframe 
    src="https://www.SITE-ADRESINIZ.com/color-converter.html" 
    width="350" 
    height="520" 
    frameborder="0" 
    scrolling="no"
    style="border: 2px solid #3498db; border-radius: 12px;">
</iframe>

III. IFRAME PARAMETRE AÇIKLAMALARI (BOYUT DEĞİŞTİRME)

Widget'ın görünümünü ve boyutunu düzenlemek için <iframe> kodundaki parametreleri değiştirmelisiniz.

src (Kaynak):
Hangi dosyayı göstereceğini belirler. Kendi sitenizin adresiyle değiştirmelisiniz.

width (Genişlik):
Widget'ın piksel (px) cinsinden genişliğini belirler. Panelinizin genişliğine göre 350 gibi bir değer girebilirsiniz.

height (Yükseklik):
Widget'ın dikey boyutunu belirler. İçeriği tam sığdırmak için bu değeri ayarlamalısınız.
Örnek: Eğer widget'ın alt kısmı kesiliyorsa, height değerini artırın (örneğin 550 yapın). Altında boşluk varsa, değeri azaltın (örneğin 480 yapın).

frameborder ve scrolling:
Bu değerler sırasıyla çerçevenin sınırını kaldırır ve kaydırma çubuğunu gizler. Genellikle 0 ve no olarak bırakılmalıdır.

Bu kılavuz, widget'ı sitenize kolayca kurmanız ve yönetmeniz için ihtiyacınız olan tüm bilgileri içeriyor. Kurulumda bir sorunla karşılaşırsanız veya yeni bir fikre geçmek isterseniz haber verin!