Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü




Sayfalar



bu bloğu izle

Olist Blogger Teması
canlı radyo dinle

Hyde Blogger Teması

4 Aralık 2016 Pazar - # #
hyde blogger temasıHyde Blogger Teması yaklaşık bir hafta önce uyarlama yaptığım diğer sade blogger temalarından birisi. Aslı Mark Dotto tarafından Jekyll blog platformu için hazırlanmıştı.

Tema varsayılan hariç 8 farklı renk seçeneğine sahip olup <body> etiketine renklere ait class ismi eklenerek kullanılabiliyor. Fakat ben bir güzellik yaparak jQuery ve Cookies (çerezler) nimetlerinden yararlanarak dinamik bir hale getirdim. Önizleme adresinden de görüleceği gibi tek tıklamayla renk değişimi yapılabiliyor. Sidebar'ı da sağ tarafta göstermek için böyle bir kolaylık sağladım. Üstelik bu değişiklik cookies'ler vasıtasıyla kaydedildiği için sayfa yenilemesinde veya daha sonraki ziyaretlerde değişmiyor. Bu özelliğin blogger temalarında bir ilk olduğunu da belirtmeden geçemeyeceğim. Bu özellik sadece değişikliği yapan ziyaretçi için geçerli. Eğer statik bir şekilde bütün kullanıcılara aynı renk yansıtılacaksa yine body etiketine manuel olarak class ismi eklemek gerekiyor.

Statik renk değişimi için class isimleri
theme-base-08
theme-base-09
theme-base-0a
theme-base-0b
theme-base-0c
theme-base-0d
theme-base-0e
theme-base-0f

Kullanımı
<body class="theme-base-08">
...
</body>

Sidebar'ı sağ tarafta gösterme
<body class="layout-reverse">
...
</body>

Farklı renk ayarı ile birlikte sidebar'ı sağ tarafta gösterme
<body class="theme-base-08 layout-reverse">
...
</body>

Tema Önizleme : http://hydebloggertemplate.blogspot.com

Tema İndirme Adresi : https://yadi.sk/d/Pt261kpi32E5a4

Alternatif ve temanın güncel hali için : https://github.com/zaferzent/hydebloggertemplate



Yorumlar

  1. Tema çok güzel elinize emeğinize sağlık. Sizin anasayfanızda ki gibi yazıların çıkma şansı bu temada olabilir mi acaba? :)

    YanıtlaSil
    Yanıtlar
    1. Sadece yazı başlığını, tarih ve etiket göstermek istiyorsan yapman gereken yazı içerik yani post.body kısmını kaldırmak veya gizlemek. İkon gösterimi Blogger Yazı Etiketine Özel İkon Gösterme
      ve benim kullandığım zaman biçimini kullanmak için de Blogger Yazı Tarih Biçimini Twitter Tarzı ( x Zaman Önce ) Biçimine Dönüştürmek başlıklı yazılara bakabilirsin.

      Sil
  2. su an kullanmis oldugunuz temayi paylasirsaniz guzel olur

    YanıtlaSil
    Yanıtlar
    1. Paylaşmayı düşünüyorum takipte kal :)

      Sil
  3. sizin tema gibi anasayfada sadece basliklar gorunmasi icin tam olarak ne yapilmasi gerekiyor.

    YanıtlaSil
    Yanıtlar
    1. Yapman gereken yazı başlığı hariç diğer öğeleri gizlemek veya kaldırmak. Geçici çözüm olan gizleme işlemi için css kullanabilirsin. Örneğin .post-body{display:none} gibi. Diğer bir yöntem ise Şablon > HTML'i Düzenle sayfasından görmek veya göstermek istemediğin öğelerin kodlarını tamamen kaldırmak.

      Sil