BLACK

Son zamanlarda blog tasarımlarında sıkça kullanılan bir özellik var. Sayfanın en üstünde yüksekliği düşük ama yatay olarak sayfanın bir ucundan diğer ucuna giden şeritler. Bu şeritlerde bazen grafik kullanılırken, bazen de basit bir renk bloğu kullanılıyor. Bloguna küçük bir dokunuşla değişik bir görünüm kazandırmak isteyen bloggerlara iki yöntemin de nasıl yapıldığından ve blogda nasıl durduğundan bahsetmek istiyorum.   !!! Blogun en üstüne şeridimizi eklemeden önce yapmamız gereken bir ayar var. Blogger kumanda panelinimize girerek Yerleşim > Navbar > Düzenle > Kapalı yolunu izliyor ve sayfanın en üstündeki Bloger navbarı kaldırıyoruz.   İlk paylaşacağım yöntem sayfanın en üstüne yatay bir şerit eklemek. Bunun için Şablon > HTML’yi Düzenle yolunu izleyin ve Ctrl+F tuş kombinasyonun yardımıyla arama kutusunu açıp ]]></b:skin> satırın bulun. Bu satırın üzerinde bir yere aşağıdaki kodları ekleyin.   body .navbar { heig...

Blog dediğimiz şey yayınların en yeniden en eskiye doğru sıralandığı, her sayfada belli sayıda yayının gözüktüğü ve sayfalar arasında geçiş yapılara eski yayınlara ulaşıldığı dinamik bir web sitesi türüdür.   Eskiden statik web sitesi oluşturmamızı sağlayan Geocities, Tripod gibi servislerin yerini günümüzde Blogger, Tumblr ve Wordpress gibi sistemler aldı. Bu ücretsiz servisler sayesinde herkesin blog oluşturması oldukça kolay ama statik bir web sitesi oluşturmak isteyenler için artık eskisi gibi ücretsiz ve kaliteli servisler yok.   Dünyanın en popüler blog oluşturma esrvisi olan Blogger’da klasik bir blogun yanı sıra açılış sayfası olan, statik bir web sitesi oluşturabileceğinizi biliyormuydunuz?   Aşağıda göstereceğim yönntemleri ve bazı temel HTML kodlarını kullanarak Blogger’ı tek bir sayfadan oluşan siteye dönüştürmeniz mümkün.   1. Boş Bir Sayfa Oluşturalım   Blogger’da boş bir sayfa oluşturmak istediğimizde en az bir adet gadget ekle...

Heading yani başlık etiketleri blog içeriğinizin hangi konuda olduğunu arama motorlarına belirten temel HTML etiketleridir. Toplam 6 adet başlık etiketi vardır ve önem derecesine göre H1’den H6’ya kadar gider.   Blogger’da ise önem sırasına göre başlık etiketlerini şu şekilde kullanmanızı öneririm:   <h1> Blog Başlığı </h1>   Bunun için ekstra bir ayar veya kodlama yapmanıza gerek yok. Blogger kumanda panelinde Ayarlar > Temel > Başlık bölümne yazdığınız blog başlığı h1 olacak şekilde kodlanmıştır.   <h2> Yazı Başlığı </h2>   Blogger’ın standart şablonlarında yazı başlıkları h3 olacak şekilde kodlanmıştır fakat blog başlığından sonra en önemli öğe yazı başlığı olduğu için bunun h2 etiketiyle belirtilmesi daha doğru olacaktır.   Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra Ctrl + F tuş kombinasyonunu kullanarak arama kutusunu açın ve buraya h3 yazın. Bulduğunuz tüm <h3> ve...

Bildiğiniz gibi uzun süredir Blog Hocam’da “ Ne dediler? ” isimli bir sayfa var. Blog Hocam hakkında çeşitli bloglarda yazılan yazıları bir araya getirmek için oluşturmuştum bu sayfayı. Aslında pek çok sitede ve blogda benzer testimonials bölümleri mevcut. Ancak benim bu sayfada kullandığım tasarım ve kodlama beğenilmiş olacak ki nasıl yapıldığıyla ilgili mesajlar aldım. Mesaj gönderen kişilere tek tek anlatmak yerine blogda herkesle paylaşmak daha mantıklı olacak sanırım.     1. Adım: Stil kodları   İlk olarak stil kodlarını eklemenizi önereceğim. HTML kodlarını ekleyip önizleme yaparken ihtiyacınız olacak.   Bunun için Blogger kumanda panelinde Şablon > HTML’yi düzenle yolunu takip ettikten sonra Ctrl + F tuş kombinasyonunun yardmıyla ]]></b:skin> kodunu bulun. Bu kodun üzerinde bir yere aşağıdaki stil kodlarını ekleyin.   #testimonials{     width: 500px;     margin: 0 auto;} ...

Blogların en keyifli ve faydalı yerlerinden biri yorum bölümleri. Blogların yorum bölümleri genelikle iyi niyetli, fayda sağlamayı, iletişim kurmayı veya yazı hakkında düşünceleri belirtmek amamçlı kullanılsa da, SEO yapmak isteyen kişilerin sadece backlink kazanmak için bıraktıkları anchor text üzerinden link içeren yorumlara da rastlıyoruz ne yazık ki. Özellikle de Blog Hocam gibi yorum moderasyonu olmayan, yani yorumların otomatik olarak onaylandığı bir blogunuz varsa, SPAM yorumlarla başınız bir hayli dertte olabilir. Blogger tabanlı bloglar için SPAM yorumlara çözüm olabilecek 2 teknik paylaşmak istiyorum. Bu teknikler bir yorumun spam olup olmadığını anlamıyor ama yorum bölümündeki tüm linklere müdahele ediyor. Yani anchor text üzerinden link verilerek yapılan yorumlardaki linkleri kaldırıyor. Böylece spammerler emeline ulaşamıyor ve blogunuzu yorum listelerinden çıkarıyorlar. (Umarım…) Teknikleri blogunuza nasıl uygulayacağınızı ve ne işe yardıklarını örneklerle a...

Blogger kullanıcıları, son günlerde gelen Türkiye’ye özel domain yönlendirmesiyle adeta şok olmuş durumda. 2 gündür e-posta ve sosyal platformlar aracılığıyla gelen soruların yarısı bu konu üzerine. Daha önce 18 ülkeye bu özelliği getiren Blogger, son olarak Türkiye’de blogismi.blogspot.com olan domainleri blogismi.blogspot.com. tr olarak değiştirdi. Bununla birlikte sıfırlanan Alexa ve PageRank değerleri ile çalışmamaya başlayan Google Friend Connect yani İzleyiciler gadgetı blog yazarları arasında ciddi sıkıntılara yol açtı. 2 gündür neredeyse tüm mesaimi bu konuyu araştırmaya ve mağduriyetimizi gidermeye harcadım. Sonunda Blogger’ın yaptığı bu güncellemenin "country-code Top Level Domain" (ccTLD) adı verilen bir yönlendirme olduğunu öğendim. Bu yönlendirmeyi de blogumuza küçük bir script ekleyerek engelleyebiliyoruz. Yapmanız gereken şey Blogger kumanda panelinize giriş yaparak  Şablon > HTML’yi Düzenle yolunu izleyin ve <head> kodunun altına ...

Deneyimli Blogger kullanıcıları için çok gereksiz bir konu gibi olsa da Blog Hocam’ın her seviyede blog yazarına hitap ettiğini ve içeriğinin büyük bir kısmının okuycu talepleri ile oluştuğunu unutmayın lütfen. Blogger’a yeni başlayan kullancıların en çok sorduğu soraların başında geliyor Blogger’da kategori oluşturma mevzusu. Bu sorulara cevap olması ve yeni Blogger kullanacaklara yol göstermesi açısından bu yazıyı yazmak istedim. Blogger’da Kategori Nasıl Oluşturulur? Blogger’da kategori oluşturma sistemi Wordpress veya diğer CMS’lerde olduğundan farklıdır. Örneğin müzik kategorisinde yazılar için müzik isimli bir sayfa oluşturulup yazılar o sayfanın içine yazılmaz ya da gönderilmez. Blogger’da yazıları bir farklı kategorilere ayırmak için etiketleme sistemi kullanılır.  Şimdi adım adım kategori oluşturmaya geçelim.   1. Adım: Öncelikle yazıları ayıracağımız kategorileri belirleyelim. Bu örneklte ben 4 adet kategori oluşturacağım. Kategoriler sp...

Blogunuza eklediğiniz AdSense reklamları na tıklanma sayısını arttırmanın en iyi yollarından biri reklamı yazı içinde göstermektir. Blog renklerine uygun olacak şekilde tasarlanmış metin reklamları ve banner reklamları blog yazısının içerisine gömüldüğünde tıklanma ihtimali çok daha fazla olacaktır. Bu da daha fazla kazanç demektir. Yaklaşık 1 senedir takip ettiğim blogger arkadaşım +evde yazar   Adsense reklamlarını Blogger’da yazı içine eklemekle ilgili yardım isteyince bu bilginin başka AdSense yayıncısı olan blog yazarlarının da işine yarayacağını düşünerek blogda paylaşmaya karar verdim. AdSense Reklam Kodlarını Convert Etme Blogunuzun sidebar yani kenar çubuğuna eklediğiniz AdSense kodlarını yazı içerisine eklemeden önce convert etmeniz gerekir. Bunun için pek ücretsiz online araç mevcut. Google’da “adsense code converter” diye bir arama yaparsanız onlarca araç bulabilirsiniz. Bunlardan birini açarak kutuya adsense reklam kodlarınızı yapıştırdıktan sonra “con...

Bir süre önce yurt dışındaki kullanıcıları için, gönderileri blog yazısının içine gömme yani embed özelliğini aktifleştiren Facebook, sonunda bu özelliği Türkiye’deki kullanıcılarına açtı. Bu işlemi nasıl yapacağınızı anlatan bu yazıyı hazırlıyordum ki aklıma Tweetleri blog yazılarını gömmeyi anlatmak da geldi. Hazır elim değmişken ikisini birden bu yazıda paylaşayım dedim : )     Facebook Gönderilerini Blogger’a Gömmek     Öncelikle taze bilgi olan Facebook gönderilerini gömme işlemi ile başlayalım. Facebook sayfanızdaki her hangi bir gönderinin sağ üst köşesindeki işarete tıkladıktan sonra açılan seçeneklerden Gönderiyi Göm seçeneğine tıklayın.     Açılan pencerede üst tarafta yazının içerisine ekleyeceğiniz kodu göreceksiniz. Bu kodun tamamını kopyaladıktan sonra Blogger kumanda panelinde yazının HTML bölümünde istediğiniz bir yere yapıştırın. Canlı örneğini de bu yazıda test etmiş olalım:   Gönderi by Blog Hocam . ...

Yazılara gelen yorumları okumak ve onlara cevap vermek blog yazarlığının en keyifli taraflarından biri. Yorumlar okuyucularla iletişim kurmanın yanı sıra benim sıklıkla yaptığım gibi yeni yazı fikirleri için ilham kaynağınız da olabilir. Daha önce dişli yorum özeliğini getiren Blogger, yorum konusuna verdiği önemi belli etmişti. Son olarak şablon HTML editöründe yeniliğe giden Blogger, şimdi de Blogger’ın yorum bölümüne Google+ yorumları taşıyabileceğimizi duyurdu . Blogger’da Google+ Yorumlarını Kullanma   Blogunuzda Google+ yorumlarını kullanmak istiyorsanız yapmanız gereken şey Blogger kumanda panelinize giriş yaparak soldaki menüden Google+ sekmesine tıklamak ve açılan sayfadaki Bu blogda Google+ yorumlarını kullan seçeneğini işaretlemek.     Google+ yorumlarını kullanmaya başladıktan sonra yazılarınızın yorum bölümünde, direkt blog ziyaretçileriniz yaptığı yorumların yanında Google+ üzerinde yazınıza yapılan yorumlar da gözükmeye başl...

Blogger şablonlarını düzenleek isteyenler genellikle Blogger kumanda panelinde Şablon > HTML’yi düzenle sekmesindeki kod penceresini kullanırlar. Fakat bu kodpenceresi pek kullanılışlığı olmadığı için düzenlemede, bir kod ekleyip silmede çok sık sorun yaşanırdı ve kimi zaman şablon berbat edilirdi.   Bu gün RSS okuıyucumu açıp yeni yazıları okurken resmi Blogger blogunda HTML editörünün düzenlendiği duyuran bir yazıyla karşılaştım. Hemen Blogger HTML editörünü açtım ve çok kullanışlı bir hale geldiğini gördüm. Öyle ki tema kodlarken Notepad++ kullanmaya bile gerek kalmayacaktır artık.   Şablonları düzenlemenizi oldukça kolaylaştıracak olan yeni Blogger HTML editörüne getirilen özellikler şunlar:   1. Widget’a Atla     Bu sayede belli widgetlara ait kodları bulmak çok daha kolay oldu. Açılır menüden kodlarını görmek istediğiniz widgetı seçtikten o widget kodlarının olduğu blok anında açılıyor.     2. Genişletilebilir Kod Bö...

Blogger’ın yazılım mühendisi Malte Ubl, resmi  Blogger blogunda yapığı bir açıklamayla yeni bir özelliği bizlere tanıttı. Artık blog yazılarında çevrelerinizde bulunan her hangi bir Google+ profiline veya sayfasına mention gönderebiliyorsunuz.   Bunun için Blogger yazı editöründe mention göndermek istediğiniz kişinin ismin başına + işaret koymanız yeterli. + işareti koyup bir isim yazmaya başladıktan sonra çevrenizdeki kişiler listelenecektir. Böylece listeden mention göndermek istediğiniz kişiyi seçebilirsiniz.     Bu özelliği kullanabilmek için blogunuzu Google+ profilinize bağlamanız gerekiyor. Blogger gelişmeye ve devam ediyor. Bakalım sıradaki yenilik ne olacak…

Blogger kullanıcılarının gelişmesini en çok istedikleri şeylerin başında şüphesiz SEO kontrolü ve deneyimi geliyor.Blogger da kullanıcılarının bu beklntisini kraşılayacak adımları atmaya devam ediyor. Blogger Draft ’ta kullanılmaya başlanan ve çok yakında normal kumanda panelinde de aktifleşecek olan son özellik ise özel permalink ayarları.   Permalink Nedir?   Blogunuzda yer alan her hangi bir yazının  başlığına tıkladığınızda tarayıcınızın adres satırında gözüken URL’ye permalink ya da permanent link ( kalıcı bağlantı ) denir.   Blogger’da biryazı yayınladıktan sonra Blogger o yazınızın permalinkini 35-40 karakter olacak şekilde otomatik olarak belirler.Eğer başlıkta türkçe karakterler kullandıysanız oluşturulan bu otomatik permalinkanlamsız bir URL olur ve arama sonuçlarında sizi 1 adım geriye iter.   Daha önce bloguma misafir yazar olan Burak Göç , Blog Hocam için yazdığı SEO Dostu Url Oluşturalım başlıklı yazısında bu konudan bahsetmiş ve b...

Bugün test blogmda bir eklenti denerken HTML/JavaScript gadget’ı eklemek için gadget listesini açtığımda Blogger’ın listeye 2 yeni gadget eklediğini farkettim.Neler mi?   +1 Düğmesi     Ziyaretçilerin, içeriğinizi Google Arama'da önermesine ve Google+'da paylaşmasına izin vermelerini sağlayan buton.   Google+ Rozeti     Ziyaretçilerinizin Google+ profilinize veya blogunuz için oluşturduğunuz Google+ sayfanıza ulaşarak sizi çevrelerine eklemelerini sağlayan rozet.   Bunlar yeni özellikler değil ama çoğu blogcu bu butonları bloguna elerken kodlarda yaptığı hatalar nedeniyle sıkıntı yaşayabiliyordu.Bu ayede herkes +1 düğmesini ve Google+ rozetini zahmetsizcer bloguna ekleyebilecek.

Geçtiğimiz günlerde Blogger’a eklenen yeni SEO ayarlarını sizlerle paylaşmıştım.Henüz çok yeni olduğu için biraz kurcalayıp ayarlardaki değişiklikleri yaratacağı sonuçları görmeden sizlere detaylı bilgi vermemiştim.Uğraştıkta bu ayarların marifetlerini öğrenmeye başlıyorum ve sizlerle paylaşacağım ilk ipucu özel yönlendirmeler ile ilgili olacak.   İlk kontrol ettiğimde özel yönlendirmeleri eski bir yazıyı, aynı konuda ki daha güncel olan başka bir yazıya yönlendirmek için kullanabildiğimizi düşünmüştüm ancak farklı bir şekilde daha kullanabileceğimizi gördüm.Nasıl mı?   Özel yönlendirme ayarı sayesinde blogunuz.blogspot.com/sayfa şeklinde özel bir adres oluşturabiliyorsunuz.Bu adrese tıklandığında ise belirlediğiniz her hangi bir sayfaya yönlendirme yuapabiliyorsunuz.Hemen bir örnekle açıklayayım.   Test blogum için bir iletişim sayfası oluşturdum ve adresi şu şekilde: http://bloghocamtest.blogspot.com/p/iletisim-formu.html   Ancak ben bu adresi ç...

Google’dan Blogger kullanıcılarına iyi haberler gelmeye devam ediyor.Son olarak “ Arama tercihleri ” ayarları kumanda paneline eklendi.Blogger’ın bu yeni özelliği sayesinde meta etiketleri, robots.txt dosyası, yönlendirmeler, 404 hata sayfaları ve görseller için alt etiketleri daha kolay yönetilebilecek.   Güncellennmiş Blogger arayüzünde Ayarlar > Arama tercihleri bölümünde bulabileceğiniz yeni özellikler şunlar:   Açıklama: Arama sonuçlarında blog başlığının altında gözükmesini istediğiniz açıklamayı buradan değiştirebilirsiniz.Maksimum 150 karakterlik kısa bir açıklama yazmalısınız.     404 Hata Sayfası: Blogunuzda silinen bir sayfaya gidildiğinde görüntülenen Blogger’ın sıradan hata sayfası buradan değiştirebilirsiniz.     Yönlendirme: Bu özellik sayesinde blogunuzdaki bir sayfayı başka bir sayfaya kolayca yönlendirebilirsiniz.     Robots.txt: Bu dosya arama motoru botlarının blogunuzda nasıl hareket ede...

Bildiğiniz gibi Google geçtiğimiz sene Dinamik Blogger şablonnlarını kullanıma sunmuştu.Görsellik ve hızlı çok tatmin etmesine rağmen kullanılabilirlik açısından zayıf olması nedeniyle pek rağbet görmemişti Blogger kullanıcıları tarafından.     Blogger’ın dinamik şablonları geliştirmesi bekleniyordu ki ilk hamle atıldı.Google yaptığı açıklamayla dinamik şablonlarda açılır kapanır bir sidebar ile bazı gadgetların kullanıma açıldığını duyurdu.Sidebar’a ekleyeileceğiniz gadgetlar ise şunlar:   Blog Arşivi İzleyiciler Etiketer Profil Bağlantı listesi Abonelik Bağlantıları Bakalım bundan sonra dinamik şablonlar ile ne gibi yenilikler gelecek.Ben bu kadar yaygara yapılarak duyurulan dinamik şablonlar ile ilgil çalışmaların bununla sınırlı kalacağını düşünmüyorum.

Blogger’ın en sevmediğim yanlarından biri oldukça basit olan yorum bölümüydü.Blogger geliştiricileri nihayet buna bir çözüm üretti ve yorumlara yanıt verme özelliğini duyurdu.   Eğer Blogger’ın kendi şablonlarından birini kullanıyorsanız ve yorumları yanıtlama özelliğini aktifleştirmek istiyorsanız, yapmanız gereken 2 adet ayar var.   1. Yorum Konumu: Gömülü   İlk olarak Blogger kumanda panelinize giriş yaparak Ayarlar > Yayınlar ve yorumlar > Yorum Konumu > Gömülü olarak işaretleyin.     2. Blog İçerik Takibine İzin Ver : Tüm   İkinci olarak yine kumanda panelinize giriş yaparak Ayarlar > Diğer > Blog İçerik Takibine İzin Ver > Tüm olarak işaretleyin.     Şimdi yorum bölümünü kontrol ettiğinizde yorumların altına yanıtla seçeneğinin eklendiğini farkedeceksiniz.Artık yanıtla linkini kullanarak Wordpress’te olduğu gibi yorumlarar direk cevap verebileceksiniz.     Kendi Tem...

Google’ın tüm servislerini birbirine entegre etme süreci devam ediyor.Geçtiğimiz günlerde bunlara bir yenisi daha eklendi.Artık Google Plus profilleri Blogger’a entegre edilebiliyor . Bildiğiniz gibi herkesin bir Blşogger profili var.Blogger’da bu profille yaptığınız yorumlarda isminize tıklandığında bu profl sayfası açılıyor.Google’ın bu yeni hamlesinden sonra insanlar yorumlardaki isminize tıkladığında doğrudan Google Plus profilinize yönlendirilecek.   Blogger profilinizi Google Plus  profilinizle değiştirmek için http://draft.blogger.com/switch-profile.g adresine gidin ve onay kutucuğunu işaretledikten sonra Şimdi Geçiş Yapın butonuna basın.  

Google son Blogger güncellemesini farkettiniz mi? Dinamik Blogger şablonları…Bu yeni Ajax tabanlı şablonlar sayesinde iblogunuzdaki yazılar arasında sayfa yüklemeden geçiş yapabiliyorsunuz.Yani adres çubuğundaki adres değişmiyor.   Bu yeni Blogger özelliği hakkındaki görüşlerimi yazayım, kullanıp kullanmamak size kalmış… Google blogunuzu indekslerken scriptleri okuyamadığı için SEO dostu değil. Sidebar olmadığından herhangi bir widget ekleyemiyoruz.Şimdilik. Google AdSense reklamlarını görüntüleyemiyoruz. Şimdilik.