2012 yılının son yazısında bu yılın Blog Hocam açısından nasıl geçtiğinden kısaca bahsetmek istiyorum.

Blog Hocam’a 1 yıl boyunca düzenli olarak içerik eklemeyi başardığım için biraz şaşkın, biraz da gururluyum : ) Şaşkınlığım nedeni, Blog Hocam’ı bu kadar güncel tutmayı hiç beklemememden kaynaklanıyor. Bu kadar işin gücün arasında haftada üç yazı yayınlayarak Blog Hocam’ı güncel tutmak benim zaman yönetimi konusunda kendimi geliştirdiğimi ve başarılı olduğumu gösteriyor. Bu yüzden de oldukça mutlu ve gururluyum.

Gönderdikleri miasfir yazılarla Blog Hocam’ı güncel tutmama yardımcı olan Ruhsuz Atmaca, Batuhan Şası, Ehli Blog, Mert Olgun, Fırat Yalçın, Selçuk Duran, Akif Ulutaş, Duygu Uygun, Polat Büyükarslan, Mustafa Başer, Sercan Sak, Burak Göç,  Sadık Bozkurt ve Ali Kaya  arkadaşlarıma da teşekür etmek istiyorum.

Blog Hocam’ı güncel tutmak trafik ve takipçi olarak bir önceki seneye oranla daha yüksek seviyelere çıkmamı sağladı ama başarı kriteri olarak asla bunu görmüyorum. Daha önce de söylediğim gibi bence başarı, koyduğunuz hedeflere ne kadar yaklaştığınızla alakalıdır. 2012 yılına başlarken hedefim Blog Hocam’ın etrafında bir topluluk oluşturmak, sadık bir okuyucu kitlesine sahip olmak ve sosyal networkümü genişletmekti.

Blog Hocam ile ilgili hedeflerime büyük ölçüde yaklaştım sayılır. Bu yüzden 2012 yılı başarılı geçti diyebiliyorum. 2013 hedeflerimden ise yeni yılın ilk yazısında bahsedeceğim kısmet olursa.

Biraz da istatistiklerden bahsetmek gerekirse 2012 yılında Blog Hocam’a 94 ülke ve 858 farklı şehirden yaklaşık 130.000 ziyaretçi gelmiş. Blog Hocam’ı en çok ziyaret eden 10 şehir şöyle:

2012 yılında trafik kaynakların çeşitliliğinde de ciddi bir artış oldu. Trafiğin %64’ü tahmin edeceğiniz gibi Google’dan geliyor. Blog Hocam’a en çok trafik gönderen 10 blog ise şöyle:

• Marifetane
• Hypon
• Değmesin Yağlı Boya
• Blog Hocam Sementit :)
• Affiliate Hocası
• Yorumhane
• Elifce Karalamalar
• Kemal Sunal Filmleri
• Mekilanın Gezegeni
• Ocabbaroğlu

En çok trafik gönderen 10 blog bunlar. Bunların dışında pek çok blog, forum ve diğer siteler trafik göndermişler. Hepsine teşekkürü bir borç bilirim.

Gelelim 2012 yılında en çok okunan yazılara. İşte en çok okunan daha doğrusu en çok ziyaret edilen 10 yazı:

• FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme
• Blogger Şablon Yükleme
• Blogger’a Yatay Link Menüsü Ekleme
• Kullandığım “Resimli Benzer Yazılar” Eklentisini Paylaşıyorum
• Tüm Zamanların En Özellikli Blogger Teması
• Tasarımıyla Fark Yaratan Bloglar
• 3 Sütunlu Türkçe Blogger Teması: WP-OpenCart
• Blogunuza Sabit Açılır Facebook Beğen Kutusu Ekleyin
• Yazıları Çerçeve İçine Almak
• Blogger Galeri Sayfası Oluşturma

Söz Sizde

Benim ve Google Analytics’in gözünden 2012 yılı Blog Hocam için böyle geçti. Bir de size sormak istiyorum. 2012 yılında Blog Hocam’ın performansı nasıldı? Ne umdunuz, ne buldunuz? Beklentileriniz karşılandı mı? Eleştirmek istediğiniz noktalar var mı? Paylaşırsanız sevinirim.

Blog açmanın temel sebepleri vardır. Birinden görürsün, hayat boştur ve ondan canın
sıkılmıştır ya da en mantıklısı söyleyecek bir şeyin vardır. Eğer sonda söylediğim neden senin için geçerliyse blog açmak senin için gereklidir. Çünkü belli bir amacın olduğunu gösterir bu durum.

İlk başta blog dünyası sana çok değişik gelir; görmediğin ortam tatmadığın değişik bir
duygu vardır, “zihin dünyanda”. Bir an önce bir şeyler karalamak, bir şeyler paylaşma isteği duyarsın. Bunlar blogla olan tanışmanızın/aşkınızın ilk günleridir. Her şey mükemmel, hatasız ve güzeldir.

Değişik bir hesap alırsın. İki ufak rötuştan sonra blogunu açarsın ve yazılarını yazma başlarsın. Belli bir program dahilinde olmadan yazama isteğinin götürdüğü yere kadar yazarsın. Günler geçer ve belir süre sonra o zaman ayırdığın bloga sırt dönersin. -Bu tabi ki yavaş yavaş olur.- En sonunda da onu terk edersin.

Günümüzde pek çok bloğun ölümü de bu şekilde oluyor. Her konuda olduğu gibi bu konuda
da yetersiz bilgiye sahibiz. İlk önce aşkla başlayan serüven zaman, aşkın yıllanmasıyla,
ilişkiden zevk almıyorum diyerek (eskisi gibi heyecanlanmıyorum da olabilir.) ayrılıkla son
buluyor.

Hayatın her aşamasında olduğu gibi blog ortamında da planlı çalışmak önemli bir mevzu.
Onu bir ailenizin ferdi ya da arkadaşınız olarak görebilirsiniz. Verdiğiniz kadar geri dönüşüm
alabilirsiniz.

Peki bir blog için en önemli unsur nedir?

Aslında iki aşamada olur bu:

1-Blog öncesi dönem,

2-Blog hayatında olan dönem.

Blog öncesi dönem insanın en sabır olması gereken dönemdir. Blog açmaya karar vermek, hemen gidip bir hesap açıp bir şeyler yazmak değildir. İlk önce bloguna bir isim ve neler yazabileceğin hakkında detaylandırma yapmak gerekir. Benzer blogları incelemek sonra, varsa başarıları bunla ilgili bir çıkarımda bulunmak gerekir. Ayrıca bu blog yazarlarıyla iletişme geçmekte bir seçenektir. Gelelim ad kısmına, bir bloga isim bulmak bana göre en önemli kısımdır. Genelde konulan adlar yazacağınız konudan, tutun paylaşacağınız her şeyi içerir. Ve ayrıca seni temsil eder. Bu derece önemliyken ad belirlemede hızlı davranmamak en önemli durumdur. Bunun için bir tavsiye bir blog ismini koymak için yanınızda bir not defterine sizin için önemli olabilecek isimleri yazın. Bir hafta falan yazın zaman varsa dahauzun sürede yazabilirsiniz. Sonra yazdıklarınızı bir okuyun en içinize yatanı koyabilirsiniz. Ya da burada yazdıklarınızdan bir kombinasyon yapabilirsiniz. Ve ortaya sizi temsil eden güzel bir isim çıkabilir.

Blog Hayatı Sırasında ise, yazılarınızı belli bir planda yazın. Her gün yazabilirsiniz ama,
yazdıklarınızı hemen yayınlamayın. Çünkü diğer yazınız daha okunmadan bunu yayınlamak
diğer yazınızın okunurluğuna ve değerlendirilmesine zarar verir. Herkes yeni yazınıza kanalize olur. Eğer tıkanıyorsanız belli günlerde yazın. Örneğin her Cuma bir yazı yayınlayın.

Blog yaşamına başladığınız anda her şey insana çok heycanlı gelebiliyor. Ama önemli olan
zaman içersinde bu dünyada kalabilmek. Yarattığınız bu çocuğu canlı ve diri tutabilmek
için planlama bu aşamada çok önemli. Planlamanın dışında sabretmekte bir diğer önemli
madde tabiî ki. Ona ne kadar bakar, onu beslerseniz o da ilerde size karşılığını ödemekten
çekinmeyecektir. Çünkü onu siz doğurdunuz, siz beslediniz ve siz büyüttünüz…

Yazar Hakkında: Blog dünyasında 2 yılını dolduran acemi bir blogcu. Ruhsuz Atmaca'nın, tek ve temel amacı insanlığa bir şey katabilir miyim?, katabilirsem nasıl olmadır?, bu soruları kendine sorarken bir anda kendisini blog dünyasında bulur. Ruhsuz Atmaca blogunun kapağında yer alan ve ismini verdiği "Atmaca" insanlara benzer duygulara sahip bir canlıdır. Yırtıcılığı nedeniyle isminin önüne "Ruhsuz" takısı gelmiştir. Blogun sloganı ise: "Yazdıklarım ve Yazacaklarım Atmacanın Bakışlarında Gizli..." oluşturur.

Özelliklerini incelediğimizde ;

• Otomatik ayar düzeni
• Kaydırıcı Özelleştirilebilir özellik
• Sosyal medya Widgetleri
• 2 Farklı tema derili
• 4 Sütunlu altbilgi Widget seçeneği
• Dişli yorumlar
• Başlık menüsü
• Altbilgi menü
• Çoklu-level açılır menüler
• Özel altbilgi metni

Affiliate Banner linkime tıkladığınızda Temaları Ücretsiz kullanabilir, Satın almak isterseniz indirimlerden faydalanabilirsiniz.

Yazılarıma yapılan yorumlar yeni yazı fikirleri için beni besleyen en iyi kaynak. Gelen yorumlarda sorulan soruları daha sonra açıklamak üzere bir yere not alıyorum. Bunlardan biri de resimlerin etrafındaki gölgeyi kaldırmakla ilgili yazdığım yazıya Değmesin Yağlı Boya’nın yaptığı yorumdu. Yorumunda resmin üzerine gelince efekt verilip verilmeyeceğini sormuştu.

Bu yazıda size CSS programlama dilinin filtre özelliğinden bahsedeceğim. CSS’te filtre kodlarını kullanarak resimlere bazı özel efektler verebiliyoruz.

Kodlara geçmeden önce şunu belirteyim, aşağıda verdiğim kodları Şablon > HTML’yi Düzenle dedikten sonra Ctrl+F tuş kombinasyonu yardımıyla kolayca bulabileceğiniz ]]></b:skin> kodunun üstüne ekleyeceksiniz.

1. Resme Siyah-Beyaz Efekti Verme

.post-body img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}

.post-body img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}

2. Resme Bulanıklık Efekti Verme

.post-body img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}

.post-body img:hover {
filter: blur(0);
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);
}

3. Resme Şeffaflık Efekti Verme

.post-body img {
opacity:0.3;
}

.post-body img:hover {
opacity:1;
}

4. Resme Zoom Efekti Verme

.post-body img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.post-body img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

Efektlerin görünümünü aşağıdaki videoda arka arkaya sıraladım.

İpucu: Farkettiyseniz hepsinde .post-body img  ve .post-body img:hover  şeklinde kod var.Bunlarda .post-body img resmin sayfadaki görüntüsünü temsil eder, post-body img:hover  ise üzerine gelinceki görüntüyü temsil eder. Siz tam tersi efekt istiyorsanız bunların altındaki kodları yer değiştirebilirsiniz.