0 Temanın Son Hali

Yıllardır blog teması olarak Minima adlı bu temayı kullanıyorum.2004 yapımı çok sade ve ham bir tema.Temanın ilk haline baktığımda epey mutasyona uğrattığımı farkettim :)

Yaptığım şeyler belki ufak tefek ve piyasada bulunan şeyler ama doğru yere doğru dokunuş yapmak önemli.

Neler değişti & eklendi ?

• Banner çok eski hangi kafayla ve ne zaman yaptığımı bilmiyorum :)
• Başlıkları ve sağ yan menüleri CSS ile biraz şekillendirdim.Yazı başlıklarında kullandığım sarı renk bana pozitif enerji veriyor :)
• Başlıkların kenarına mouse ile üstüne gelindiğinde mutlu olan suratlar iliştirdim.Anlatımı burada ( CSS Rollover ) Ha yorum sayılarını baloncuk içine de almışım :)
• Sayfalama ve son yorumlar eklentisi ekledim.
• Yazılarımdaki kodların görünebilirliği için Syntax Highlighter eklentisi kullanıyorum.
• Blogger etiket listeleme sistemi tam bir fiyasko.Onu da elden geçirdim.Blogger Tag Cloud diye aratırsanız iyi birşeyler bulabilirsiniz.

Ve en son olarak da;

Dün sayfaya dinamiklik katacağını düşünerek Content Slider eklemeye karar verdim.Stabil ve sağlam birşey bulabilmek için dünden beri uğraşıyordum ki sonunda içime sinecek birşey buldum; Wowslider.com.Saolsunlar geliştirdikleri uygulama sayesinde kodla satırla pek uğraşmadan kolaylıkla siteme göre uygun birşey tasarlayıp kodları ve dosyaları aldım ve Google Drive 'a yükledim.İleride slider 'ın nasıl ekleneceği konusunda açıklayıcı bir yazı yazmayı düşünüyorum.

Şimdilik bu kadar hoşçakalın...

0 CSS Rollover

Birkaç gün önce bloguma uyarladığım bu kullanışlı özellikten bahsedicem.Aslında bu özellik daha çok buton yapımında kullanılan bir özelliktir(bknz.:apple.com) fakat ben daha değişik birşey düşünüp konu başlıklarındaki üzerine gelindiğinde gülen normalde somurtan birşey koydum ortaya...fenada olmadı hani :)

Resim :

Css :

<style type="text/css">
uslu.x {
    display: block;
    width: 80px;
    height: 40px;
    background: url(https://dl.dropboxusercontent.com/u/89411933/x.GIF) 0 0 no-repeat;
    text-decoration: none;
    text-indent:-999px;
}

uslu:hover.x {
    background-position: -90px 0;
}
</style>

Kullanılacak Kod :

<uslu class="x">Gülümse</uslu>

Düşüncem hazır bir widget olmadığı için blogger'a uyarlamak biraz zamanı aldı doğrusu...Blogunuz üzerinde zorlanırsanız yorum atmanız yeterli yardımcı olmaya çalışırım...