Dış görünüş

Varsayılan Mod

Varsayılan mod olarak Açık mod kullanılır. Bunu Koyu veya Sistem olarak değiştirmek için şu adımları takip edebilirsiniz:

1. Tema Tasarımcısına gidin.
2. Gelişmiş sekmesine tıklayın .
3. Açılır listeden Stil: Görünüm seçeneğini seçin .
4. Varsayılan Mod uzunluğunu 1px, 2px veya 3px olarak değiştirerek Açık, Koyu veya Sistem'i varsayılan mod olarak kullanabilirsiniz.

Yazı tipleri

PageSpeed ​​puanını iyileştirmek için fontlar birkaç koşula bağlı olarak temaya göre dinamik olarak yüklenir.

Web'e uyumlu bir yazı tipi (çoğu tarayıcıda bulunur) kullanabilir veya Google Fonts veya diğer CDN'ler gibi kaynaklardan özel bir yazı tipi içe aktarabilirsiniz.

Bağlantı etiketini kullanma

1. Google Fonts'a gidin, bir font seçin ve aşağıda gösterildiği gibi özniteliğe sahip hrefsağlanan etiketin özniteliğini kopyalayın . <link>rel="stylesheet"

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">

2. Kopyalanan URL'yi, varsa &to &, <to , to , to ve to ile değiştirerek kaçın. Örneğin yukarıdaki URL içerir . Bu nedenle, gösterildiği gibi onu to ile değiştirerek kaçınmalıyız . <>>''""
&&
   https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap

   https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap

3. Blogger HTML Editörü aracılığıyla aşağıdaki kod parçacığını bulun ve işaretli kısımlardan birine (hangisi önce boşsa) kaçış karakterli URL'yi yerleştirin.
   <Variable name="font.link1" description="Font Link 1" type="string" default="" value=""/>
   [!] Font Link 1
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link2" description="Font Link 2" type="string" default="" value=""/>
   [!] Font Link 2
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link3" description="Font Link 3" type="string" default="" value=""/>
   [!] Font Link 3
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link4" description="Font Link 4" type="string" default="" value=""/>
   [!] Font Link 4
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link5" description="Font Link 5" type="string" default="" value=""/>
   [!] Font Link 5
   [!] @type {String}
   [!] Warning: Don't add invalid font css url

   <Variable name="font.link1" description="Font Link 1" type="string" default="" value="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;display=swap"/>
   [!] Font Link 1
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link2" description="Font Link 2" type="string" default="" value=""/>
   [!] Font Link 2
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link3" description="Font Link 3" type="string" default="" value=""/>
   [!] Font Link 3
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link4" description="Font Link 4" type="string" default="" value=""/>
   [!] Font Link 4
   [!] @type {String}
   [!] Warning: Don't add invalid font css url
   
   <Variable name="font.link5" description="Font Link 5" type="string" default="" value=""/>
   [!] Font Link 5
   [!] @type {String}
   [!] Warning: Don't add invalid font css url

Eğer fontlarınızı dinamik olarak yüklemek istemiyorsanız, yukarıdaki adımları atlayın ve Google Fonts tarafından sağlanan tüm etiketleri Blogger HTML Editörü aracılığıyla aşağıdaki kod satırına yerleştirin. Niteliğin değerini hala kaçırmanız gerektiğini unutmayın .<link>href

<b:comment><!--[ </head> | <!> Add custom codes (below) ]--></b:comment>

CSS Kullanımı

Yazı tipi adı

Varsayılan yazı tipi kaynaklarını değiştirdiyseniz, belge tarafından kullanılabilmesi için yazı tipi aile adınızı sağlamanız gerekebilir. Bunu yapmak için şu adımları izleyebilirsiniz:

1. Blogger HTML Editörüne gidin.
2. Aşağıdaki kod parçacığını bulun ve mevcut yazı tipi adlarını kendi özel yazı tipi adlarınızla değiştirin.
   <Variable name="font.head" description="Heading font name" type="string" default="" value="Google Sans Text"/>
   [!] Heading font name
   [!] @type {String}
   
   <Variable name="font.body" description="Body font name" type="string" default="" value="Google Sans Text"/>
   [!] Body font name
   [!] @type {String}
   
   <Variable name="font.bodyAlt" description="Body alternative font name" type="string" default="" value="Google Sans Text"/>
   [!] Body alternative font name
   [!] @type {String}
   
   <Variable name="font.code" description="Code Font Name" type="string" default="" value="Google Sans Mono"/>
   [!] Code font name
   [!] @type {String}

   <Variable name="font.head" description="Heading font name" type="string" default="" value="Plus Jakarta Sans"/>
   [!] Heading font name
   [!] @type {String}
   
   <Variable name="font.body" description="Body font name" type="string" default="" value="Plus Jakarta Sans"/>
   [!] Body font name
   [!] @type {String}
   
   <Variable name="font.bodyAlt" description="Body alternative font name" type="string" default="" value="Plus Jakarta Sans"/>
   [!] Body alternative font name
   [!] @type {String}
   
   <Variable name="font.code" description="Code Font Name" type="string" default="" value="Google Sans Mono"/>
   [!] Code font name
   [!] @type {String}