Blogger Site Haritalarınızı Güncellediniz Mi?

Blogger site haritası oluşturmak ile ilgili yaklaşık 5 yıl önce yayınladığım yazı pek çok kişiye rehber oldu ve Blog Hocam'ın en çok okunan yazılarından biriydi. 

Yakın zaman Google Web Yöneticisi Merkezi'ne girip site haritalarını inceleyenler bir aksilik ve gariplik olduğunu fark etmişlerdir. Şöyle ki; önceden Google tek bir site haritası ile 500 içerik indekslerken artık 150 içerik indeksliyor. Bu nedenle bizim eski site haritalarını silip yeni site haritaları eklememiz gerekiyor.

2016 Blogger İçin Site Haritası Oluşturma Ve Ekleme

Google Web Yöneticisi Merkezindeki site haritalarını güncelleme işlemini 3 adımda gerçekleştireceğiz.

1. Adım: Google Web Yöneticisi Merkezine giderek eski site haritalarını silelim. Bununn için Google Web Yöneticisi merkezine giriş yaparak blogumuzun ismine tıklıyoruz ve açılan sayfada sol taraftaki menüden Tarama > Site haritaları yolunu izliyoruz. Ardından önceden oluşturduğumuz site haritalarını seçerek siliyoruz.

2. Adım: Şimdi yeni site haritalarını oluşturalım. Bunun için eski yöntemi kullanacağız ama bir farkla. İndekslemeyi 500er 500er değil 150şer 150şer yapacağız. Ben ilk 1000 içerik gerekli olan site haritalarını aşağıda yazdım. Eğer 1000'den az içeriğiniz varsa oluşturduğum bu site haritalarının hepsini ekleyebilirsiniz.

atom.xml?redirect=false&start-index=1&max-results=150
atom.xml?redirect=false&start-index=151&max-results=150
atom.xml?redirect=false&start-index=301&max-results=150
atom.xml?redirect=false&start-index=451&max-results=150
atom.xml?redirect=false&start-index=601&max-results=150
atom.xml?redirect=false&start-index=751&max-results=150
atom.xml?redirect=false&start-index=901&max-results=150

3. Adım: Son olarak oluşturduğumuz bu site haritalarını Google Web Yöneticisi Merkezine göndereceğiz. Bunun için yine site haritaları sayfasına giderek yukarıda oluşturduğumuz site haritalarını teker teker ekliyoruz.

Sayfayı yenilediğimizde dizine gönderilen içeriklerin olması gereken sayıda olduğunu ve yanlarında beklemede yazdığını görüyoruz. Yaklaşık 24 saat sonra gönderilen bu içerikler dizine eklenecek ve bu yazı değişecektir.


Not: Yukarıda sadece ilk 1000 içerik için yeterli gelecek site haritalarını yazdım. Eğer 1000'den fazla içeriğiniz varsa ve hangi site haritalarını ekleyeceğinizi bilmiyorsanız lütfen yorum bölümünden sorun.

Sayfanın En Üstüne Yatay Şerit Ekleme

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 {
height: 20px; /* Yükseklik */
padding: 0;
margin: 0;
border-top: 10px solid #c00000; /* Renk*/
}

 

Şeridin yüksekliğini ve rengini değiştirebileceğiniz yerleri ilgli kodların yanına not yazarak gösterdim.

 

İkinci olarak sayfanın en üstünde yatay bir grafik halinde şerit oluşturmayı anlatmak istiyorum. Bunun için öncelikle bir grafiğe ihtiyacınız var. Görmüş olduğunuz örnekte ben ters üçgen grafiği kullandım.

 

Bu yöntemde de Ş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 {
height: 30px; /* Yükseklik */
padding: 0;
margin: 0;
background: url('https://lh6.googleusercontent.com/-b640Cjw7I3A/VFs9e1kHxHI/AAAAAAAALL8/1zWVRwmXoso/s22/b.png') repeat-x; /* Grafik*/
}

 

Bu yöntemde de yükseklği ve grafiği değiştirebilirsiniz. Grafiği Picasaweb, Dropbox, Flickr gibi bir grafik barındırma servisine yükledikten sonra linkini alıp bordo renkle gösterdiğim linkle değiştirmeniz yeterli.

 

Konuyla ilgili sorularınızı yorum bölümünden sorabilirsiniz.

Blogger’da Sabit Bir Ana Sayfa Yapma

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 eklemek gerektiğini belirten bir uyarı gelir. Aşağıdaki kodları incelediğinizde navbar gadgetını eklediğimizi fakat CSS kodlarıyla bu gadgetı sakladığımızı görebilrsiniz.

 

İlk örneğimizde boş bir sayfa oluşturulam ve yavaş yavaş bunu dolduralım. Boş ve sabit bir sayfa oluşturmak için Blogger kumanda panelinize girdikten sonra Şablon > HTML’yi Düzenle yolunu takip edin ve buradaki tüm kodları silerek yerine aşağıdaki kodları ekleyin.

 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)  margin: 0;
    padding: 0;
}

]]></b:skin>
  </head>
  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

  </body>
</html>

 

2. Boş Sayfaya Bir Şeyler Yazalım

 

Sayfaya bir şeyler yazmak için klasik HTML kodlarını kullanacağız. Eğer HTML bilginiz yoksa şuradaki gibi online HTML editörlerinden birini kullanarak sayfanızı oluşturun ve HTML kodlarını alın.

 

Resimde gördüğünüz gibi örnek bir sayfa oluşturdum ve bunun HTML kodlarını alarak Blogger kumanda panelinde Şablon > HTML’yi Düzenle bölümünde </body> kodunun üzerine ekledim. Burası çok önemli! Ekleyeceğiniz HTML kodları her zaman </body> kodunun üzerinde yer almalı.

Şablonu önizleme yaptığımızda online HTML editöründe oluşturduğumuz sayfasın aynısını görebiliriz.

 

Dikkat Edilecek Hususlar

 

- Blogger’da tüm HTML kodlarını ve HTML sayfalarını kullanmak ne yazık ki mümkün değildir. Bu yüzden bazı kodlarda uyarı mesajı ile karşılaşabilirsiniz. Bu hata mesajlarını Google’da arayarak çözüm bulabilirsiniz. Veya bu yazının altına yorum bırakırsanız ben yardımcı olmaya çalışırım.

 

- Hazır HTML şablnlarındaki css dosyalarının içindeki kodları Blogger’a eklemek isterseniz ]]></b:skin> kounun üzreine eklemelisiniz.

 

- Javascript veya benzeri bir harici dosya çağırmak için kullanılan kodları ise </head> kodunun üzerine eklemelisiniz.

 

Bu yazıyı konuyla ilgili çok mesaj geldiği için hazırladım. Umarım anlatabilmişimdir ve faydalı olabilmişimdir.

Blogger Başlık Etiketleri

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 </h3> etiketlerini <h2> ve </h2> etketleriyle değiştirin.

 

<h3> Ara Başlıklar </h3>

 

Uzun bir yazınız olduğunu ve bu yazıın bazı bölümlerini ara başlıklar kullanarak belirttiğinizi düşnelim. İşte bu ara başlıkları h3 etiketiyle göstermek uyun olacaktır. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki birinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

 

 

<h4> Alt Başlıklar </h4>

 

Ara Başlıkları da kendi aralarında alt başlıklara ayırdığınızı düşünelim. Bu durumda alt başlıklarda h4 etiketi kullanmak uygundur. Bunun için Blogger’da yayın oluştururken kullandığınız yazı editöründeki ikinci Alt başlığı seçmeniz yetrlidir. Alt başlığı seçtikten sonra yazınızın HTML bölümünden h3 etiketinin eklendiğini görebilirsiniz.

 

 

Bunlar dışında h5 ve h6 etiketini kullanmanıza gerek yok.

 

H Etiketlerini Düzenleme

 

Yazılarnızda H etiketlerini kullanmak, arama motoru optimizasyonunun olmazsa olmazlarındandır. Adeta arram motorlarına yazının konusunu ve özetini bildirir. Ancak bu başlık etiketlerini kullandığnızda, başlıklarınızın  renk ve boyutu değiştiğinden görsellik açısından sıkıntı olabilir. Ancak bunu düzeltmenin de bir yolu var elbette.

 

Blogger kumanda panelinde Şablon > HTML’yi düzenle dedikten sonra ]]></b:skin> kodnu bulun ve üzerinde bir yere aşağıdaki kodları ekleyin.

 

.post h3{
color:#000;
font-size: 12px;
}

 

.post h4{
color:#000;
font-size: 10px;
}

 

Ben sadece renk ve boyut kadlarnı yazdım ama parantez içine istediğiniz CSS özelliklerini ekleyebilirsiniz.

 

Kafanıza takılan bir yer veya konuyla ilgili bir sorunuz varsa yorum bölümünden sorabilirsiniz. Eğer bu yazıyı faydalı bulduysanız ütfen aşağıdaki paylaşım butonlarını kullanarak paylaşın.

“Ne dediler?” Sayfamı Nasıl Oluşturdum?

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;}

#testimonials h2 {
    color:#F1921A;
    font:26px Georgia, serif;
    text-shadow:-1px -1px 0 rgba(255,255,255,0.25);}
#testimonials li {
    border-top:3px solid rgba(0,0,0,0.2);
    clear:both;
    padding:40px 0;
list-style: none;}
#testimonials li img {
    border:5px solid transparent;
    float:left;
    -moz-box-shadow:0 0 10px #333;
    -webkit-box-shadow:0 0 10px #333;
    box-shadow:0 0 10px #333;
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
    margin:0 20px 0 0;}
#testimonials li:nth-child(2n) img {
    float:right;
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
    margin:0 0 0 20px;}
#testimonials p {padding:0 0 20px;}
#testimonials li:first-child {border:none;}
#testimonials div {overflow:hidden;}

 

2. Adım: HTML kodları

 

Stil kodlarını ekleyip şablonu kaydettikten sonra sıra HTML kodlarına geldi. Bunun için Blogger kumanda panelinde Sayfalar > Yeni sayfa yolunu takip ettikten sonra sayfa başlığı olarak “Ne dediler, Referanslar, İnternettebiz” gibi başlıklardan birini yazdıktan sonra sayfanın HTML bölümüne aşağıdaki kodları ekleyebilirsiniz.

 

<ul id="testimonials">
<li>
  <img alt="" src=”http://avatar.png” />
  <h2>Blog Başlığı</h2>
<div>
…. İçerik …. 
<br /><br />
<div style="text-align: right;">
<a href=”http://yazı.html” rel="nofollow" target="_blank">Nerede dedi?</a></div>
</div>
</li>

<li>
<img alt="" src=”http://avatar.png” />
<h2>Blog Başlığı</h2>
<div>
…. İçerik ….

<br /><br />
<a href="http://yazı.html" rel="nofollow" target="_blank">Nerede dedi?</a></div>
</li>

</ul>

 

Sayfayı kaydetmeden önce önizleme yapıphata olup olmadığını konrtol edin. Eğer bir problem yoksa kaydedebilirsiniz.

 

Sayfaya yeni öğe eklemek

 

- <li> ile başlayıp </li> ile biten her bölüm yenibir öğeye ait kod parçasıdır. Burada dikkat etmeniz en önemli şey ekleyeceğiniz öğenin kodlarını </ul> satırının üstüne yapıştırılmasıdır.

 

- “Nerede dedi?” linkini sağa yaslamak için <div style="text-align: right;">  komutunu kullandığımı fark etmişsinizdir. Sola yaslamak için herhangi bir komut eklmenize gerek yok.

 

- http://avatar.png yazan yere ilgili blogun 90x90 boyutundaki avatar veya profil resminin urlsini yazmalısınız. Avatarı hızlıresim, picasa, dropbox, photobucket gibi servislere upload ettikten sonra urlsini alabilirsiniz.

 

- Blog Başlığı yazan yere ilgili blogun ismini yazacaksınız. Başlık renklerini BH’ye uygun olması için turuncu yapmıştım. Değiştirmek isterseniz color:#F1921A yerine istediğiniz renk kodunu yazabilirsiniz.

 

- İçerik yazan yere ilgili blogda hakkınızda neler yazıldığını ekleyeceksiniz.

 

- http://yazı.html yazan yere ilgili blogda sizden bahsedilen yazının urlsini yazacaksınız.

 

Kafanıza takılan bir yer olursa yorum bölümünden sorabilirsiniz. Ayrıca Blog Hocam’dan bahsettiğiniz bir yazınız varsa linkini 90x90 boyutlarında bir profil resmi veya avatarla bana gönderirseniz “Ne dediler?” sayfasına koymak isterim.

SPAM Yorumlardan Kurtulmak İçin 2 Teknik

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çıklayayım.

 

Bir spammerın blogunuza “SPAM sitemize gitmek için buraya tıklayın” şeklinde bir yorum bıaktığını düşünelim. Burada spammer “buraya” kelimesi üzerinden kendi sitesine link vermiş. Amacımız ise uygulayacağımız tekniklerle spammerın linkini iptal etmek.



1. Teknik: Kelime Kalsın Ama Tıklanabilir Olmasın

Bu teknikle yorumdaki “buraya” kelimesine dokunmayacağız fakat buraya kelimesinin tıklanabilirliğini ortadan kaldıracağız. Yani yorum, linksiz bir yorum olacak.

Bu tekniği blogunuza uygulamak için Blogger kumanda panelinde Şablon > HTML’yi Düzenle yolunu takip edin ve </body> kodunun üzerine şu kodları ekleyin:

 

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});
</script>

 

2. Teknik: Link Ve Kelime Tamamen Kalksın

Bu teknikte ise link ve linkin bağlı olduğu kelimeyi yorumdan tamamen kaldırıyoruz. Yani spam yorum örneğindeki “buraya” kelimesi hiç gözükmeyecek.

Bu tekniği blogunuza uygulamak istiyorsanız yine Şablon > HTML’yi Düzenle yolunu takip edin ve ]]></b:skin> kodunun üzerine aşağıdaki kodları ekleyin:

 

.comment-content a {
display: none;
}

 

Not: Bu kodları blogunuza uyguladığınız eski ve yeni tüm yorumları etkileyeceğini hatırlatmak isterim. Tabi bu durumda siz de artık yorum bölümünde link pylaşamayacaksınız.

 

Herkese bol yorumlu bloglar dilerim :)

Blogspot.Com.Tr İle Gelen Problemler

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 aşağıdaki script kodlarını yapıştırın.

 

<script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script>

 

Şablonu kaydettikten sonra blogunuzu eskisi gibi blogspot.com uzantısıyla kullanmaya devam edebileceksiniz. Artık Google Friend Connect gadgetı da çalışır ve görünür durumda.

 

 

Yapmış olduğumuz bu işlem başka sorunlara yol açar mı bunu bilemiyorum ama ben kullanacağım. İsteyenler bu yöntemi hemen uygulayabilir, isteyenler bir süre Blog Hocam’ı gözlemleyip bir sorun yaşanmadığına emin olduktan sonra uygulayabilir. Kararı size bırakıyorum.

Blogger’da Kategori Oluşturma Ve Yazıları Kategorilere Ayırma

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 spor, kitap, teknoloji ve dans olsun. Şimdi spor ile ilgili bir yazı yazdığımızı düşünelim ve bunu spor kategorisine nasıl göndereceğimze geçelim.


Resimde gördüünüz gibi yazıyı yazdıktan sonra sağ taraftaki yayın ayarlarında etiketler kısmına yazıyı göndermek istediğim kategori olan spor yazıyorum ve tamamlandı butonuna basıyorum. Artık yazıyı yayınladığımda yazının kategorisi spor olacak.

2. Adım: Aynı şekilde diğer yazılarımı da kategorilere ayırdıktan sonra sıra bu kategorileri blogun ana sayfasında menü şeklinde göstermeye geliyor. Kategoriler menüsü genellikle 2 yerde kullanılır. Sidebar dediğimiz blogun kenar çubuğuna dikey menü şeklinde ve kayıt alanın üstüne yatay menü şeklinde. İlk olarak yan tarafa dikey menü şeklinde eklemeyelim.

Blogger kyumanda panelinde sağ taraftaki yerleşim sekmesine tıklayıp blogun yan taraflarındaki boş gadget alanlarında birinde gadget ekle yazısına tıklayın ve listeden etiketler isimli gadgetı seçin.


Burada gadget başlığı olarak kategoriler yazdıktan sonra kaydedin. İsteğinize bağlı olarak hangi kategoride kaç yazı olduğunu gösterebilir, kategorileri çoktan aza göre sıralayabilir veya gözükmesini istemediğiniz kategorileri kaldırabilirsiniz. Değişiklikleri kaydedikten sonra blogunuzu ziyaret ettiğinizde kenar çubuğunda şuna benzer bir dikey kateoriler menüsünün olduğunu göreceksiniz.



Şimdi de kategorileri yatay bir menü şeklinde blog kayıtlarının üst tarafında göstermeye geçelim. bunun için yapmanız gerken tek şey kenar çubuğunda eklediğimniz gadgetı sürükle bırak yöntemiyle blog kayıtlarının üstündeki boş gadget alanına taşımak.



Düzenlemeyi kaydettiğinizde aşağıdaki resimde gördüğünüz gibi kategorileriniz yatay menü şeklinde blog kayıtlarının üzerinde gözükecektir.



Sonuç olarak spor kategorisinde yazdığım yazı, diğer tüm kategorilerdeki yazılarla birlikte ana sayfada yer alır ama kategoriler menüsünden spor kategorisini tıkladığımda sadece spor kategorisindeki yazılar listelenir.

Umarım yeterince açıklayabilmişimdir.