Son Zamanlarda Blogda Yaptığım Değişiklikler-2
Artık blog temasını tamamen değiştirmek yerine ara sıra yapacağım ufak değişikliklerle görünümü ve kullanımı geliştirmeye karar verdim.Bu doğrultuda bazı küçük değişiklikler yapmıştım.Gelen tepkilere ve performansa göre değişikliklerin devam edeceğini söylemiştim ve ikinci bir düzenleme daha yaptım.
1. Manşet
Sanırım en göze çarpan değişiklik manşette oldu.Bu temaya ilk yaptığımda çok hevesliydim bu manşeti kullanmak için ancak blogu çok yavaşlatıyordu.Gittikçe soğudum bu slide manşetten ve sonunda değiştirdim.Jquery ile yapılmış eski slayt manşetin yerine kendi yaptığım ve sadece CSS ile HTML kullandığım bu sabit manşeti koydum.JavaScript ve Jquery kullanmadığım için daha hızlı olan bu mannşete her ay eski yazılardan birini koyacağım.Önceliğim tabiki misafir yazılarda olacak.
2. Logo
Kullandığım eski logoyu sadece 15 dakikada gelişigüzel bir şekilde oluşturduğum için hiç beğenmiyordum.Blog Hocam’ın konsepti gereği öyle çok dikkat çekici, göz alıcı logolar yapamayacağımın farkındaydım ancak en azından temayla daha uygun bir logo yapabilirim diye düşünüyordum.Sonunda renkleri ve fontu temaya daha uygun bir logo hazırlayarak headera yerleştirdim.Umarım beğenmişsinizdir.
3. Sosyal Paylaşım Butonları
Daha önce kullandığım sosyal paylaşım butonlarında zaman zaman sorun yaşanıyordu.Bunun nedeni Facebook, Twitter ve Google’ın buton kodlarını güncellemeleri ancak benim bu güncellemeye ayak uyduramamış olmamdı.Sonunda bu butonların kodlarını yeniledim daha dikkat çekici olması için turuncu renkli bir çerçeve içerisine aldım.
Yorumlarınız benim için önemli
Tepkilerinize, teknolojideki gelişmelere, trendlere ve ruh halime göre değişikliklerin devam edeceğini söyleyebilirim.Umarım bu değişiklikleri beğenmisinizdir.Yorumlarınızla bana fikir verirseniz çok memnun olurum.
Serdar bey gayet güzel olmuş,elinize sağlık.Özellikle manşet benim de çok hoşuma gitti.
YanıtlaSilİlk yorum benden güzel olmuş
YanıtlaSilEvet Fatih Bey, JavaScript ve Jquery kullandığım için eski manşet çok yavaşlatıyordu blogu.Böyle çok daha hızlı oldu.Şimdilik memnunum yeni manşetten.
YanıtlaSilSosyal paylaşım butonlarında aynı sorunu ben de yaşıyorum. Özellikle facebookta. tam olarak ne yapmam gerekiyor, yeniden mi yüklemeliyim? Bu arada logo gerçekten güzel olmuş, ellerinize sağlık :)
YanıtlaSil@HobiCoffee
YanıtlaSilBenim sosyal paylaşım butonlarıyla ilgili sorunum düzelmiş gibi görünüyor.Test edip onaylarsanız kullandığım kodları sizle paylaşabilirim.
Logoyu çok beğendim, hem sade hemde temanın içine tam oturuyor, göze batmıyor.
YanıtlaSilSlider Eklentisi hoşuma gidiyordu fakat site hızını etkiliyorsa bence yapılacak en güzel revizyonu yapmışsın.
Bir önerim olacak son değişiklik ile ilgili: Sosyal Medya butonlarının makale sonunda daha bir davetkar olması gerekiyor bence.
Mesela makale sonuna eklenecek oklarla bu davetkarlık sağlanabilir.Temaya uyum gösteren, çok göze batmayan ama fark edilen oklar seçilirse, insanlar makaleyi okuduktan sonra beğenirlerse sosyal medya butonlarını daha rahat fark edip tıklayabilirler. Bu benim naçizane önerim
İyi Bloglar :)
Yeni değişiklikler çok güzel olmuş Serdar Bey. Bende kendi blogum için tema arıyorum şu an fakat kolay kolay tema beğenemiyorum, hatta sırf bir günümü temaya ayırdım ama bulamadım. Kodlama bilgim olmadığı için hazır tema bakıyorum fakat ne ücretsizlerde ne de ücretlilerde güzel bir tema bulamadım.
YanıtlaSil@Batuhan SASI
YanıtlaSilÖnerin için teşekkür ederim.Dikkate alacağım.Site çok ağırlaştığı için slider manşeti kaldırdım.Üstelik şu an kullandığım manşet hazır değil, kendi üretimim olduğu için daha keyifli oluyor kullanması :)
@Ali KAYA
Beğendiğinize sevindim Ali Bey.Aslında siz Wordpress kullandığınız için tema konusunda daha avantajlısınız.Bende sizin gibi seçici olduğum için zamanla tema kodlamayı öğrendim.Profesyonel olmamakla birlikte kafamdaki şeyleri az çok yapabiliyorum.Kim bilir belki bu seçicilik sizi tetikler de kodlamayı öğrenirsiniz :)
Serdar Bey, sorun devam ediyor bende maalesef. Paylaşımlar facebookta resimler olmadan görünüyor. Bu da dikkat çekici değil tabii ki.. Kullandığınız kodları rica edebilir miyim ben sizden?
YanıtlaSilSerdar Hocam, yaptığınız tüm değişiklikler sizinle, bloğunuzla çok uyumlu.
YanıtlaSilYeni logonuzu özellikle çok beğendim. Benim de kısa zamanda bir değişim yapmam lazım:)
Turuncu renkli çerçeveyi nasıl yaptınız?
@HobiCoffee
YanıtlaSilTabi buyrun:
Facebook kodu: <div id='fb-root'/><script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false'/>
Twitter kodu: <a class='twitter-share-button' data-lang='tr' data-via='BlogHocam' href='https://twitter.com/share'>Tweetle</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
1 kodu: <g:plusone expr:href='data:post.url' size='medium'/>
@Semi`nin Mutlu Elleri
YanıtlaSilBeğendiğinize sevindim.Turuncu renkli çerçeveyi şu şekilde yaptım:
Önce stil kodlarına paylas isimli divi tanıttım:
.paylas {
border:dotted 1px #656E75;
background:#F1921A;
color:#008000;
padding:4px;
}
Sonra butonları paylas sınıflı divin içine aldım:
<div class='paylas'>Buraya buton kodları</div>
Teşekkürler hocam:)
YanıtlaSilSerdar Bey;
YanıtlaSilGrafik ve tasarım öğrencisi olarak blogun genel olarak görünümü uyumlu diyebilirim.Logo derken banner'i mi diyorsunuz?Banner hoş :) ileride sizin için güzel bir logo tasarlıyabilirim...
Ah o sosyal butonlar yok mu kanser ediyor adami, baslica site yavaslaticilari :D
YanıtlaSilguzel olmus dostum, gule gule kullan. sosyal butonlarda pinterest'i unutmussun. Ha bi de gravatar desteklemiyor :D
Bu Yaptıklarınızı Bize Adım Adım Anlatamazmısınız ? Mesela 1. 3 Hepsi Çok Güzel Tasarımlar.Anlatırmısınız Bloğunuzada Yazı Olur (:
YanıtlaSilMerhabalar, sadece blogculara özel sözlüğümüze tüm blogcular davetlidir. Buyrun gelin, üye olun yazar olun. :)) teşekkürler.
YanıtlaSilkonu: http://yorumyorum.blogspot.com/2012/03/blogculara-ozel-sozluk.html
sözlük: http://weblog.sozlukspot.com
@Nalan
YanıtlaSilEvet logo dediğim şey aslında banner :) Merakla bekliyorum tasarlayacağınız logoyu.
@Era
Pinterest'i unutmadım.Ben blogumda görsel öğeler paylaşmadığım için Pin It butonuna ihtiyaç yok.Boş yere bir script daha ekleyip blogu ağırlaştırmaya hiç gerek yok.
işte bu logo daha güzel olmuş, eline sağlık serdar. turuncu bantları çok beğendim, yardımlarını esirgemezsen yapmak isterim ben de:))
YanıtlaSilkolaygelsin
Kod için çok teşekkür ederim :)
YanıtlaSil@AsOrTiK
YanıtlaSilBeğendiğinize sevindim.Yardımımı esirgediğimi ne zaman gördüğünüz Nagehan hanım? aşk olsun :) Tabi ki yardımcı olurum.
Çok güzel olmuş bence de. Sade, göz yormayan, karmaşık olmayan bir görünüm kullanıcı için büyük kolaylık oluyor. Ellerinize sağlık.
YanıtlaSilYalnız yorumlarınızda ki doğrulama kodları çok caydırıcı oluyor. Genellikle okunması zor kodlar yanlış girilince, insan yorum yapmaktan vazgeçiyor.
hiçbirzaman esirgemedin elbette, o işin şakası...
YanıtlaSilhem konuya hakim hem de çok yardımseversin. bilmeyen yoktur sanırım. kendi adıma teşekkür ediyorum.
turuncu batları yapınca ayrıca teşekkür ederim:))
çok sağol serdar.
kolaylıklar diliyorum...
@Gülsüm GÜVEN TUNCER
YanıtlaSilDoğrulama kodları ile ilgili bir kaç kişi daha sizinle aynı şeyleri söyledi.Şimdilik doğrulama kodlarını kapattım.Bir süre deneyeceğim.Eğer SPAM ile başa çıkamazsam tekrar aktifleştireceğim.
hocam yine çok hoş olmuş :)
YanıtlaSileski logonuzdaki insan figürü harikaydı. doğrusu gözüme eksik geldi böyle hocam
YanıtlaSilsık takip ettigim bloglardan 1 tanesi güzel çalışmaların devamı dilegiyle
YanıtlaSilarkadaşım şu sitenin başındaki resimli slider çakması çok güzel duran şeyin kodunu verbilirmisiniz ? veriseniz çok memnun olurum
YanıtlaSil