19.12.2017
Bootstrap blogger temasını, Twitter tarafından geliştirilen Bootstrap CSS kütüphanesinin şu anda beta aşamasında olan 4.sürümü ile hazırladım. Genel olarak sade olan temaya ekstra olarak responsive menü (açılır menü) ve resmi sosyal paylaşım butonları ekledim.
Önizleme : http://bv4template.blogspot.com/
İndirme Adresi : https://github.com/zaferzent/bloggerbootstrapv4template/
- Bootstrap JavaScript kaynakları eklendi.
- Menü değiştirildi (Bootstrap'ın nav olan bileşeni yerine responsive olan navbar kullanıldı)
- Gereksiz kod temizliği yapıldı.
* Yeni sürüme GitHub üzerinden erişilebilir.
Bootstrap Blogger Teması
Bootstrap blogger temasını, Twitter tarafından geliştirilen Bootstrap CSS kütüphanesinin şu anda beta aşamasında olan 4.sürümü ile hazırladım. Genel olarak sade olan temaya ekstra olarak responsive menü (açılır menü) ve resmi sosyal paylaşım butonları ekledim.Önizleme : http://bv4template.blogspot.com/
İndirme Adresi : https://github.com/zaferzent/bloggerbootstrapv4template/
05.06.2019 v1.1 Güncellemesi
- Bootstrap JavaScript kaynakları eklendi.
- Menü değiştirildi (Bootstrap'ın nav olan bileşeni yerine responsive olan navbar kullanıldı)
- Gereksiz kod temizliği yapıldı.
* Yeni sürüme GitHub üzerinden erişilebilir.
08.11.2017
Twenty Seventeen (Yirmi Onyedi) Blogger Teması son uyarlamış olduğum bir WordPress teması. Twenty Seventeen isminden de anlaşılacağı üzere meşhur WordPress blog sisteminin, WordPress geliştiricileri tarafından her yıl seri şekilde çıkardığı temalardan sonuncusu.
Aslında bu temayı uyarlayalı çok zaman olmasına rağmen ne kullanmaya ne de paylaşmaya fırsat bulamadım. Bir de tabi tema kodları ile ilgili yaşadığım sorunlar da bu sürenin uzamasına neden oldu.
Tema mobil uyumlu olup elimden geldiğince bire bir (yorum formu tasarımı dahil) entegre etmeye çalıştım. Fakat küçük eskiklikler ve hatalar bulunabilir.
Sabit sayfaları tam genişlikte kullanmak için
- Menü bileşini otomatik olup anlamadığım sebepten dolayı yerleşim sayfasında görünmüyor. Fakat blogger hesabına giriş yapılmış ise blog/site üzerinden (şaağıdaki resimde olduğu gibi) sayfalar eklenip çıkarılabiliyor.
Tema Önizleme Adresi : http://blogger2017tema.blogspot.com/
Tema İndirme Adresi : https://yadi.sk/d/Qk3IKtKw3PXZJ4
Twenty Seventeen (Yirmi Onyedi) Blogger Teması
Twenty Seventeen (Yirmi Onyedi) Blogger Teması son uyarlamış olduğum bir WordPress teması. Twenty Seventeen isminden de anlaşılacağı üzere meşhur WordPress blog sisteminin, WordPress geliştiricileri tarafından her yıl seri şekilde çıkardığı temalardan sonuncusu.
Aslında bu temayı uyarlayalı çok zaman olmasına rağmen ne kullanmaya ne de paylaşmaya fırsat bulamadım. Bir de tabi tema kodları ile ilgili yaşadığım sorunlar da bu sürenin uzamasına neden oldu.
Tema mobil uyumlu olup elimden geldiğince bire bir (yorum formu tasarımı dahil) entegre etmeye çalıştım. Fakat küçük eskiklikler ve hatalar bulunabilir.
Twenty Seventeen Teması ile ilgili notlar :
Sabit sayfaları tam genişlikte kullanmak için
<!-- For Full Width Page -->
<b:if cond='data:blog.url == "http://blogger2017tema.blogspot.com/p/full-width.html"'>
<style>#primary{width:100% !important} aside{display:none !important}</style>
</b:if>
- Menü bileşini otomatik olup anlamadığım sebepten dolayı yerleşim sayfasında görünmüyor. Fakat blogger hesabına giriş yapılmış ise blog/site üzerinden (şaağıdaki resimde olduğu gibi) sayfalar eklenip çıkarılabiliyor.
Tema Önizleme Adresi : http://blogger2017tema.blogspot.com/
Tema İndirme Adresi : https://yadi.sk/d/Qk3IKtKw3PXZJ4
10.09.2017
Blogger'da etiketleri listelemek için Etiketler gadget'i (Blogger tabiliriyle) kullanılabiliyor. Fakat gadget desteği olmayan temalarda veya istenilen yerde ve sayfalarda etiketleri listelemek için alternatiflere yönelmek gerekiyor. Bu alternatifler birisi de javascript kullanarak etiketleri istenilen yerde listelemek.
Bizzat bloğumda test etmiş olduğum aşağıdaki kod ile etiketler sabit sayfalarda da listeleniyor. Kodun eksik bir yönü bulunuyor o da etikete ait kaç adet yazının olduğunu göstermemesi. Onun haricinde aşağıdaki kodlar nerede kullanılmak isteniyorsa oraya eklenerek etiketler listelenebilir ve vermiş olduğum diğer CSS kodları isteğe göre değiştirilip, geliştirilebilir.
CSS kodları
Blogger'da Gadget Kullanmadan Etiketleri Listeleme
Blogger'da etiketleri listelemek için Etiketler gadget'i (Blogger tabiliriyle) kullanılabiliyor. Fakat gadget desteği olmayan temalarda veya istenilen yerde ve sayfalarda etiketleri listelemek için alternatiflere yönelmek gerekiyor. Bu alternatifler birisi de javascript kullanarak etiketleri istenilen yerde listelemek.
Bizzat bloğumda test etmiş olduğum aşağıdaki kod ile etiketler sabit sayfalarda da listeleniyor. Kodun eksik bir yönü bulunuyor o da etikete ait kaç adet yazının olduğunu göstermemesi. Onun haricinde aşağıdaki kodlar nerede kullanılmak isteniyorsa oraya eklenerek etiketler listelenebilir ve vermiş olduğum diğer CSS kodları isteğe göre değiştirilip, geliştirilebilir.
Blogger Etiketleri Listeleme Kodu
<script type='text/javascript'>
//<![CDATA[
function showLabels(json) {
var label = json.feed.category;
document.write(' <div id="labels">');
document.write('<ul>');
for (var i = 0; i < label.length; i++) {
document.write('<li class="' + label[i].term + '"><a href="/search/label/' + label[i].term + '?max-results=9" data-filter=".' + label[i].term + '">' + label[i].term + '</a></li>');
}
document.write('<span class="show_ico icon-remove"/>');
document.write('</ul>');
document.write('</div><div style="clear:both"></div>');
}
document.write('<scr' + 'ipt src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');
//]]>
</script>CSS kodları
#labels{margin-bottom:20px; display:block}
#labels ul {list-style:none; margin:0; padding:0; text-align:left;}
#labels ul li {list-style:none; text-align:left; float:left; padding:5px; border-radius: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.05);
background-color: #ffffff; color: #353535; border: 1px solid rgba(0,0,0,.15); margin:3px; font-size:12px}
30.08.2017
WampServer ile ilgili kurulum hatasına geçmeden önce hakkında bilgi sahibi olmayanlar için özetle WampServer yazılımının ne işe yaradığından bahsetmekte fayda var. WampServer PHP geliştiriciler, kodlayanlar, severler için hazırlanmış içerisinde MySQL, Apache ve PHP paketlerini barındıran PHP alt yapılı projeleri hazırlayıp test etmeye yarayan bir yazılım.
WampServer'ı işletim sistemi türüne göre 32bit veya 64 bit indirip kurmak için wampserver.com/en/ * Kurulum hatası almadan önce hazırlamış olduğum bu yazıya bakmakta fayda var.
WampServer kurulumunda VCRUNTIME140.dll hatası neden oluşur ve nasıl çözülür ?
WampServer kurulumunda VCRUNTIME140.dll hatası sadece Windows 10'a özgü olmayıp diğer Windows sürümlerinde de karşılaşılan bir sorun. Fakat diğer Windows sürümlerinde bazı paketlere ihtiyaç duyulmadığından veya WampServer'ın 32bit sürümü kurulduğundan Windows 10'a nazaran daha az meydana geliyor. Sorunun temelinde ise Microsoft Visual C++ paketlerinin eksik yüklenmesinde yatıyor. En azından ben hepsini yükleyerek sorunu o şekilde gideriyorum.
Özetle sorunu yaşamamak veya yaşanan bu sorunu çözmek için alttaki resimde olduğu gibi 2008,2010,2012,2013,2015'in hem 32bit hem de 64bit sürümleri yüklenmeli.
Bütün sürümlere ait indirme bağlantılarını Microsoft'un indirme sayfalarında liste halinde bulamadığımdan google'da aratarak hepsini bir araya toplayıp yazıya ekledim. WampServer hatalı bir şekilde yüklendi ve WampServer ikonu turuncu renkte kalıyorsa yüklemeyi kaldırıp Microsoft Visual C++ paketlerinin tümünü yükledikten sonra WampServer'ı tekrar yüklemek gerekiyor.
Microsoft Visual C++ indirme bağlantıları
Microsoft Visual C++ 2008 Redistributable Package (x86)
https://www.microsoft.com/en-us/download/details.aspx?id=29
Microsoft Visual C++ 2008 Redistributable Package (x64)
https://www.microsoft.com/en-us/download/details.aspx?id=15336
Microsoft Visual C++ 2010 Redistributable Package (x86)
https://www.microsoft.com/en-us/download/details.aspx?id=5555
Microsoft Visual C++ 2010 Redistributable Package (x64)
https://www.microsoft.com/en-us/download/details.aspx?id=14632
Visual C++ Redistributable for Visual Studio 2012 Update 4 x86-x64
https://www.microsoft.com/en-us/download/details.aspx?id=30679
Visual C++ Redistributable Packages for Visual Studio 2013 x86-x64
https://www.microsoft.com/en-us/download/details.aspx?id=40784
Visual C++ Redistributable Packages for Visual Studio 2015 x86-x64
https://www.microsoft.com/tr-TR/download/details.aspx?id=48145
* 2012, 2013 ve 2015 bağlantılarında hem x86 hem de x64 bulunmakta olup iki farklı sürümlerini de indirmek gerekiyor.
Windows 10 WampServer VCRUNTIME140.dll Kurulum Hatası ve Çözümü
WampServer ile ilgili kurulum hatasına geçmeden önce hakkında bilgi sahibi olmayanlar için özetle WampServer yazılımının ne işe yaradığından bahsetmekte fayda var. WampServer PHP geliştiriciler, kodlayanlar, severler için hazırlanmış içerisinde MySQL, Apache ve PHP paketlerini barındıran PHP alt yapılı projeleri hazırlayıp test etmeye yarayan bir yazılım.
WampServer'ı işletim sistemi türüne göre 32bit veya 64 bit indirip kurmak için wampserver.com/en/ * Kurulum hatası almadan önce hazırlamış olduğum bu yazıya bakmakta fayda var.
WampServer kurulumunda VCRUNTIME140.dll hatası neden oluşur ve nasıl çözülür ?
WampServer kurulumunda VCRUNTIME140.dll hatası sadece Windows 10'a özgü olmayıp diğer Windows sürümlerinde de karşılaşılan bir sorun. Fakat diğer Windows sürümlerinde bazı paketlere ihtiyaç duyulmadığından veya WampServer'ın 32bit sürümü kurulduğundan Windows 10'a nazaran daha az meydana geliyor. Sorunun temelinde ise Microsoft Visual C++ paketlerinin eksik yüklenmesinde yatıyor. En azından ben hepsini yükleyerek sorunu o şekilde gideriyorum.
Özetle sorunu yaşamamak veya yaşanan bu sorunu çözmek için alttaki resimde olduğu gibi 2008,2010,2012,2013,2015'in hem 32bit hem de 64bit sürümleri yüklenmeli.
Bütün sürümlere ait indirme bağlantılarını Microsoft'un indirme sayfalarında liste halinde bulamadığımdan google'da aratarak hepsini bir araya toplayıp yazıya ekledim. WampServer hatalı bir şekilde yüklendi ve WampServer ikonu turuncu renkte kalıyorsa yüklemeyi kaldırıp Microsoft Visual C++ paketlerinin tümünü yükledikten sonra WampServer'ı tekrar yüklemek gerekiyor.
Microsoft Visual C++ indirme bağlantıları
Microsoft Visual C++ 2008 Redistributable Package (x86)
https://www.microsoft.com/en-us/download/details.aspx?id=29
Microsoft Visual C++ 2008 Redistributable Package (x64)
https://www.microsoft.com/en-us/download/details.aspx?id=15336
Microsoft Visual C++ 2010 Redistributable Package (x86)
https://www.microsoft.com/en-us/download/details.aspx?id=5555
Microsoft Visual C++ 2010 Redistributable Package (x64)
https://www.microsoft.com/en-us/download/details.aspx?id=14632
Visual C++ Redistributable for Visual Studio 2012 Update 4 x86-x64
https://www.microsoft.com/en-us/download/details.aspx?id=30679
Visual C++ Redistributable Packages for Visual Studio 2013 x86-x64
https://www.microsoft.com/en-us/download/details.aspx?id=40784
Visual C++ Redistributable Packages for Visual Studio 2015 x86-x64
https://www.microsoft.com/tr-TR/download/details.aspx?id=48145
* 2012, 2013 ve 2015 bağlantılarında hem x86 hem de x64 bulunmakta olup iki farklı sürümlerini de indirmek gerekiyor.
17.08.2017
Olist blogger teması yine farklı bir blog platformundan blogger'a uyarladığım temalardan bir diğeri. Tema ismini ve platformunu (Ghost veya Jekyll) tam hatırlamamakla birlikte yapımcısının github.com/orderedlist adresindeki insan olduğunu düşündüğüm ve orijinal ismini list'li birşey olarak hatırladığım için ben de Olist ismini vermek istedim. Tabi ki temanın orijinal sürümü şuanki halinden şablon yapısı dışında farklı bir haldeydi.
- Yazılarda kullandığım tarih/zaman biçimi Twitter'dan hatırladığımız zaman biçimini kullandım (x gün önce, x ay önce gibi). Tarih/zaman biçimi ile alakalı yazı da şurada → Blogger Yazı Tarih Biçimini Twitter Tarzı ( x Zaman Önce ) Biçimine Dönüştürmek.
- - Bu zaman biçiminde sorun yaşamamak için şablona jquery kütüphanesi dahil edilmeli ve saat dilimi ayarlaması yapılması gerekiyor. Saat dilimi ayarı için Blogger → Ayarlar → Dil ve biçimlendirme sayfasından Saat diliminin (GMT+03:00) İstanbul yapılması gerekiyor.
- Yazı başlıklarının yanında bulunan ikonlar için → Blogger Yazı Etiketine Özel İkon Gösterme
- Resmi sosyal ağ paylaşım butonları için ise → Blogger Resmi Sosyal Paylaşım Butonları başlıklı yazıdan yararlandım.
Olist Tema İndirme Adresi : Olist Blogger Teması İndir
* Prensip gereği uyarladığım temalarda şifrelenmiş footer bağlantısı kullanmıyorum. İsteğe bağlı olarak silinebilir fakat kenarda köşede bu yazıya bağlantı verilirse mutlu olurum 😊
Olist Blogger Teması
Olist blogger teması yine farklı bir blog platformundan blogger'a uyarladığım temalardan bir diğeri. Tema ismini ve platformunu (Ghost veya Jekyll) tam hatırlamamakla birlikte yapımcısının github.com/orderedlist adresindeki insan olduğunu düşündüğüm ve orijinal ismini list'li birşey olarak hatırladığım için ben de Olist ismini vermek istedim. Tabi ki temanın orijinal sürümü şuanki halinden şablon yapısı dışında farklı bir haldeydi.
Olist blogger teması ile ilgili genel bilgiler
- Temada ikonlar için Font Awesome Icons kütüphanesinden ve sosyal ağ profil ikonlarının renklendirilmesinde brandcolors.net adresinden yararlandım.- Yazılarda kullandığım tarih/zaman biçimi Twitter'dan hatırladığımız zaman biçimini kullandım (x gün önce, x ay önce gibi). Tarih/zaman biçimi ile alakalı yazı da şurada → Blogger Yazı Tarih Biçimini Twitter Tarzı ( x Zaman Önce ) Biçimine Dönüştürmek.
- - Bu zaman biçiminde sorun yaşamamak için şablona jquery kütüphanesi dahil edilmeli ve saat dilimi ayarlaması yapılması gerekiyor. Saat dilimi ayarı için Blogger → Ayarlar → Dil ve biçimlendirme sayfasından Saat diliminin (GMT+03:00) İstanbul yapılması gerekiyor.
- Yazı başlıklarının yanında bulunan ikonlar için → Blogger Yazı Etiketine Özel İkon Gösterme
- Resmi sosyal ağ paylaşım butonları için ise → Blogger Resmi Sosyal Paylaşım Butonları başlıklı yazıdan yararlandım.
Olist Tema İndirme Adresi : Olist Blogger Teması İndir
* Prensip gereği uyarladığım temalarda şifrelenmiş footer bağlantısı kullanmıyorum. İsteğe bağlı olarak silinebilir fakat kenarda köşede bu yazıya bağlantı verilirse mutlu olurum 😊