# Durum sayfanızı özelleştirin

Source: https://instatus.com/help/tr/status-page/customize

Durum sayfanızın logosunu, renklerini, başlık tasarımını, koyu modunu, dilini, tarih biçimlerini ve sosyal önizlemesini değiştirebilir, özel HTML, CSS ve JavaScript ekleyebilirsiniz; hepsi **Durum sayfası** ayarlarından yapılır.

| At a glance | Details |
| :-- | :-- |
| [Marka](https://instatus.com/help/tr/status-page/customize#logomu-ve-renklerimi-nasıl-eklerim) | Logo, koyu mod logosu, favicon, marka ve durum renkleri |
| [Tasarım](https://instatus.com/help/tr/status-page/customize#tasarımı-veya-koyu-modu-nasıl-değiştiririm) | 3 başlık tasarımı, koyu veya açık mod, bileşen düzeni |
| [Özel kod](https://instatus.com/help/tr/status-page/customize#özel-html-css-veya-javascript-ekleyebilir-miyim) | 5 alanda HTML, CSS ve JavaScript |
| [Dil](https://instatus.com/help/tr/status-page/customize#durum-sayfamın-dilini-nasıl-değiştiririm) | Varsayılan dil, Pro planda çok dilli |
| [Zaman çizelgesi](https://instatus.com/help/tr/status-page/customize#tarih-saat-ve-saat-dilimi-biçimlerini-nasıl-değiştiririm) | Tarih ve saat biçimleri, saat dilimi, başlangıç tarihi |
| [Arama ve sosyal](https://instatus.com/help/tr/status-page/customize#google-ve-sosyal-medya-önizlemesini-nasıl-denetlerim) | Önizlemeler için başlık, açıklama ve görsel |

## Logomu ve renklerimi nasıl eklerim?

[instatus.com/login](https://dashboard.instatus.com/login) adresinden giriş yapın, durum sayfanızı seçin, ardından **Durum sayfası → Görünüm**'e gidin.

Marka bölümünde şunları değiştirebilirsiniz:

- Marka logosu; koyu mod için ayrı bir logo dahil.
- Favicon.
- Logonuzla uyumlu marka rengi.
- Durum renkleri.

Durum sayfanızı özelleştirdikten sonra **KAYDET**'e tıklayın; sayfanız güncellenir.

![Marka ayarları](https://instatus.com/help/customize/1.png)

## Tasarımı veya koyu modu nasıl değiştiririm?

**Görünüm** bölümünün tasarım kısmında şunları değiştirebilirsiniz:

- Başlık tasarımını değiştirip 3 tasarımımız arasından seçim yapın.
- Durum sayfanızın koyu modda mı, açık modda mı görüneceğini ya da bir düğmeyle geçiş yapılabilir mi olacağını.
- Bileşenlerinizin nasıl görüneceğini.

Tasarımınızı değiştirdikten sonra **KAYDET**'e tıklayın; sayfanız güncellenir.

![Görünüm ayarları](https://instatus.com/help/customize/2.png)

## Özel HTML, CSS veya JavaScript ekleyebilir miyim?

Evet. **Durum sayfası → HTML** bölümünde kendi HTML, CSS ve JavaScript kodunuzu beş alana ekleyebilirsiniz:

- Durum sayfanızın başlığının üstü.
- Başlığın altı.
- Durum sayfanızın bileşenlerinin altı.
- Durum sayfasının alt bilgisinin üstü.
- Alt bilginin altı.

Özel HTML'inizi ekledikten sonra **KAYDET**'e tıklayın; sayfanız güncellenir.

![Özel HTML ayarları](https://instatus.com/help/customize/3.png)

## Durum sayfamın dilini nasıl değiştiririm?

**Durum sayfası → Dil** bölümünde şunu değiştirebilirsiniz:

- Durum sayfanızın varsayılan dili.

**Pro plan özellikleri:**

- Çok dilli bir durum sayfası.
- Kendi dilinizi kullanma.

Birden fazla dili kurmaya dair adım adım rehberi
[Çoklu dil desteği](https://instatus.com/help/tr/status-page/multi-language) makalemizde okuyabilirsiniz.

![Dil ayarları](https://instatus.com/help/customize/4.png)

Durum sayfanızın dilini değiştirdikten sonra **KAYDET**'e tıklayın; sayfanız güncellenir.

## Tarih, saat ve saat dilimi biçimlerini nasıl değiştiririm?

**Durum sayfası → Zaman çizelgesi** bölümünde şunları değiştirebilirsiniz:

- Tarih ve saat biçimleri; [tarih ve saat biçimleri hakkında daha fazlasını buradan öğrenebilirsiniz](https://date-fns.org/v2.16.1/docs/format).
- Saat dilimi.
- Hizmet başlangıç tarihi.

Durum sayfanızın tarih ve saatini değiştirdikten sonra **KAYDET**'e tıklayın; sayfanız güncellenir.

![Tarih ve saat biçimi ayarları](https://instatus.com/help/customize/5.png)

## Google ve sosyal medya önizlemesini nasıl denetlerim?

**Durum sayfası → Arama ve Sosyal** bölümünde şunları ayarlayabilirsiniz:

- Başlığınızı değiştirin.
- Google ve sosyal medya için özel bir açıklama ekleyin.
- Bir görsel yükleyin.

Arama ve sosyal ayarlarınızı özelleştirdikten sonra değişikliklerin geçerli olması için **KAYDET**'e tıklayın.

![Arama ve Sosyal ayarları](https://instatus.com/help/customize/6.png)

- [Çoklu dil desteği](https://instatus.com/help/tr/status-page/multi-language): Durum sayfanızı birden fazla dilde nasıl sunacağınızı öğrenin.