Hyde Blogger Teması
4 Aralık 2016 Pazar
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
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ıtlayınSilSadece 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
Silve 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.
su an kullanmis oldugunuz temayi paylasirsaniz guzel olur
YanıtlayınSilPaylaşmayı düşünüyorum takipte kal :)
Silsizin tema gibi anasayfada sadece basliklar gorunmasi icin tam olarak ne yapilmasi gerekiyor.
YanıtlayınSilYapman 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