Ürün Dokümanı

MIA Minimal

Bu doküman MIA Minimal Blogger Şablonu için oluşturulmuştur.

Başlıklar

Son Güncelleme: 1 ay önce

Kurulum

Panel Üzerinden Kurulum

  1. Blogger‘a giriş yapın ve temanın kurulumunu yapacağınız blogu sol üstten seçin (Eğer sadece bir blogunuz varsa zaten seçilidir).
  2. Sol menüden Tema‘yı seçin.
  3. Özelleştir butonunun sağındaki aşağı ok simgesine tıklayın ve açılan menüden Geri Yükle‘ye basın.
  4. Gelen uyarı ekranında Yükle butonuna basın ve size teslim edilen mia-minimal.zip arşiv dosyası içerisindeki mia.xml isimli tema dosyasını arşivden çıkararak seçin.
  5. Ayarlarınızı kaydedin ve ön izlemede temanın görünümüne göz atarak özelleştirmelerinizi uygulayın.
Eğer blog ayarlarınız mobil görünüm için Blogger varsayılan temasını baz alıyorsa kurulumunu yaptığınız temanın görünümünü aktifleştirmek için aşağıdaki adımları takip edin.
  1. Temayı yüklemek için girdiğiniz ekrandaki   simgesine tıklayın ve açılan menüden Mobil Ayarları'na basın.
  2. Açılan ekrandaki ayarı Masaüstü olarak belirleyin ve kaydedin.

Elle Kurulum

  1. Blogger’a giriş yapın ve temanın kurulumunu yapacağınız blogu sol üstten seçin (Eğer sadece bir blogunuz varsa zaten seçilidir).
  2. Sol menüden Tema‘yı seçin.
  3. Özelleştir butonunun sağındaki   simgesine tıklayın ve açılan menüden HTML’yi düzenle seçeneğine basın.
  4. Size teslim edilen mia-minimal.zip arşiv dosyası içerisindeki mia.xml isimli tema dosyasını arşivden çıkararak bir kod düzenleme editörüyle açın (Visual Studio Code, Notepad++, Sublime Text 3 vb).
  5. CTRL + A klavye kombinasyonuyla temanın tüm kodlarını seçin ve CTRL + C ile kopyalayın.
  6. Blogger üzerinde açtığınız kod ekranında CTRL + A ile tüm kodları seçin ve DELETE tuşuyla tamamını silin.
  7. Aynı yere CTRL + V ile daha önce kopyalamış olduğunuz yeni temanın kodlarını yapıştırın.
  8.   Kaydet tuşuna basın.

Özelleştirmeler

Meta Etiketleri

  1. Blogger üzerinde Ayarlar ekranını açın ve “Temel” başlığı altındaki Başlık kısmına sitenizin arama motorlarında görünecek adını girin.
  2. Açıklama kısmına sitenizin içeriği ile uyumlu birkaç cümlelik tanım girin.
  3. Aynı sayfada Meta Etiketler kısmına gelin ve “Arama açıklamalarını etkinleştir” seçeneğinin aktif olduğunu doğrulayın. Alttaki satıra bir arama açıklama girin.

Varsayılan Renkler

  1. Varsayılan renkleri kendinize göre uyarlamak için tema ayarlarında HTML’yi düzenle kısmına gelin.
  2. Tema kodlarının yer aldığı alana bir kez tıklayın ve CTRL + F klavye kısayoluyla şunu aratın: /* Temel Renkler */.
  3. Bu kodun hemen üstünde yer alan ve başlangıcı aşağıdaki gibi olan kod dizininde kalın olarak işaretlenen kısımlardaki renk kodlarını kendinizinkiyle değiştirin:
<Group description="Tema rengi">
<Variable name="themeColor" description="Adres çubuğu rengi" type="color" default="#fefefe" value="#fefefe"/>
</Group>

<Group description="Renkler ve arkaplan">
<Variable name="head.color" description="Başlık rengi" type="color" default="#262d3d" value="#262d3d"/>
<Variable name="body.color" ...
  1. Alternatif olarak bu değişiklikleri Tema > Özelleştir kısmında açılan sol sütundaki seçenekler üzerinden de gerçekleştirebilirsiniz.

Tarih ve Zaman Damgaları

  1. Temaya uygun varsayılan tarih ve zaman formatını değiştirmek için Blogger blogunuzda Ayarlar kısmını açın.
  2. “Biçimlendirme” başlığı altında yer alan ayarları aşağıdaki gibi değiştirin:
Saat dilimi                       : (GMT+03:00) Türkiye Saati – İstanbul
Tarih başlığı biçimi : 08 Mayıs 2022
Zaman damgası biçimi : 5/08/2022 10:50:11
ÖS Yorum zaman damgası biçimi : 08 Mayıs, 2022 22:50
  1. Not — Tema kodları içerisinde tarihlere elle formatlama uygulanmıştır. Bu kısımlardaki format değişiklikleri için tema kodları ekranında CTRL + F klavye kısayoluyla şunu aratın:
<b:eval expr='format(data:post.date, &quot;d MMMM YYYY&quot;)'/>
  1. Kalın olarak işaretlenen yerde özel formatlandırmanızı belirtin.

Indexteki Sayfa Başlıkları

  1. Indexse düşen sayfaların tanımlarını değiştirmek için tema kod düzenleyicisini açın.
  2. Kod ekranına bir kez tıklayın ve <!--[ Ana sayfa başlığı ]--> terimini aratın.
  3. Aşağıdaki kod dizininde kalın işaretlenen bölümleri kendi tanımlarınızla değiştirin:
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'>
<!--[ Ana sayfa başlığı ]-->
<title><data:blog.title.escaped /> - <data:blog.metaDescription.escaped /></title>
<b:elseif cond='data:view.search.query' />
<!--[ Arama başlığı ]-->
<title><data:messages.search />: <data:view.search.query /></title>
<b:elseif cond='data:view.search.label' />
<!--[ Konu başlığı ]-->
<title><data:blog.pageName.escaped /> - <data:blog.title.escaped /></title>
<b:elseif cond='data:view.isArchive' />
<!--[ Arşiv başlığı ]-->
<title><data:blog.pageName.escaped /> için blog arşivi</title>
<b:else />
<title>Blog: <data:blog.title.escaped /></title>
</b:if>
<b:elseif cond='data:view.isError' />
<!--[ Hata ekranı başlığı ]-->
<title>404 Hatası: Sayfa Bulunamadı</title>
<b:else />
<!--[ Sayfa başlığı ]-->
<title><data:blog.pageName.escaped /> - <data:blog.title.escaped /></title>
</b:if>

Widget Düzenlemeleri

  1. Temanın sağ ve sol sütununda yer alan widgetlara kendi içeriğinizi eklemek ya da özelleştirme uygulamak için Düzen sekmesini açın.
  2. Açılan ekranda düzenlemek istediğiniz widget için   simgesine tıklayın ve içeriğini girin.
  3. İlgili bölümde size uygun bir alana yeni bir widget yerleştirmek için   Gadget ekle bağlantısına tıklayın.
  4. Açılan pencereden bir widget seçin ve kurulumunu tamamlayın.

Kısakodlar

Yazı İçi Kısakodlar

Kısakodların kullanımı için yazı oluşturma ekranında  simgesine tıklayın ve açılan menüden  HTML görünümü‘nü seçin. İlgili kodları bu görünümde ekleyin.
Alıntı (Blockquote)
<blockquote> Alıntı metni. </blockquote>

securied2 min MIA Minimal

— Ön izleme görseli güncel olmayabilir.

Düğme (Button)
<a class="button" href="/">Buton</a>
Liste (List)
<ul>
<li>Liste Öğesi #1</li>
<li>Liste Öğesi #2</li>
<li>Liste Öğesi #3</li>
</ul>
İçerik Molası (Post Break)
Galeri (Gallery)
İçerik Tablosu (COT)
Akordiyon (Accordion)

Diğer

Profil Alanını Düzenleme

  1. Düzen sayfasını açın ve Hakkımda isimli profil widgetını  simgesine tıklayarak düzenleme penceresini açın.
  2. Açılan pencerede widget için 3 ayar bulunur. Bu ayarları tercihinize göre belirleyin.
  3. Profile ait isim, açıklama, konum gibi bilgilerinizi güncellemek için Blogger profil sayfanıza erişin. Bunun için Ayarlar > Genel > Kullanıcı Profili bağlantısına gidin.
  4. Gelen profil düzenleme ekranında widgetın ihtiyaç duyduğu şu alanları doldurun: Profil FotoğrafıKonumEk bilgiler > Giriş.

Sosyal Ağlar

  1. Düzen sayfasını açın ve Sosyal Ağlar isimli widgetın  simgesine tıklayarak düzenleme penceresini açın.
  2. İlgili alanlara sosyal ağ bağlantılarınızı ve sosyal ağın adını yazarak kaydedin.
  3. Not — Sosyal Ağlar widgetının simgeleri eklediğiniz ağlara göre SVG formatında otomatik olarak atanır. Desteklenen ağlar: FacebookTwitterYoutubeLinkedInWhatsappPinterest. Simgelerin otomatik yerleşmesi için widget ayarlarındaki Bağlantı listesi > Site adı kısmında sosyal ağ adını tam olarak belirtildiği şekilde girmelisiniz. Örnek kullanım:
Site adı       | Site URL'si 

Facebook : https://www.facebook.com/kullaniciadi
Twitter : https://www.twitter.com/kullaniciadi
Instagram : https://www.instagram.com/kullaniciadi
...

İçeriklerimizi e-posta takibine alın.

Sitemizde oluşturduğumuz içeriklerimizi takibe alarak haftalık yayınlarımızdan haberdar olabilirsiniz.

Esentürk Design
Platformlar