× anasayfa blogger kod rehberi blogger blogger temaları blogger kod dönüştürücü son yorumlar hakkında abonelik arşiv iletişim

webgünlüğü

🔍

x

Hyde Blogger Teması

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 (6)

  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
  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