Blogger İpuçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger İpuçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

10 Kasım 2014 Pazartesi

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.

 

serit

İ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.

 

serit2

İ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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJF-EK_Net6PYFIBihIMNo1eeIbILJrqcYC1ajFNI3XDsrsk8Vdj3F2eZT16LEr21M-_V_y4P_BMdeZAKkxL6Y_Exk4bFQVAQJOin3or6kbqhYSxjkBN4LTaP-zhtWm5zf9LMtrALjdxfa/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.

2 Eylül 2014 Salı

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.

online-html-editor

 

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.

7 Nisan 2014 Pazartesi

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.

 

blogger h etiketleri

 

<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.

 

blogger-headings

 

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.

2 Nisan 2014 Çarşamba

“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.

 

ne dediler sayfası

 

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.

12 Mart 2014 Çarşamba

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.

spam yorum

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.

spam yorum


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.

spam yorum


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 :)

22 Ocak 2014 Çarşamba

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.

 

Blogspot Com Tr Çözümü

 

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.

15 Ocak 2014 Çarşamba

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.

Blogger kategori
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.

etiketler
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.

Kategoriler dikey

 

Ş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.

Kategoriler yatay


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.

Kategoriler menüsü


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.

13 Kasım 2013 Çarşamba

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

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 “convert” butonuna bastığınızda kodlarda ki bazı karakterlerin değiştiğini göreceksiniz. Convert edilmiş reklam kodu artık blog yazısına eklemeye hazır hale gelmiştir.

Adsense reklam kodlarını convert etme
Sıra reklam kodlarını yazının içerisine gömmeye geldi.

1. AdSense Reklamını Yazının Solunda Gösterme

Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="float:left;margin-right: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


2. AdSense Reklamını Yazının Sağında Gösterme
Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="float:right;margin-left: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


3. AdSense Reklamını Yazı Başlığının Altında Gösterme
Bunun için Şablon > HTML’yi Düzenle yolunu takip ederek Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-header'> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="text-align:center;margin-bottom: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


4. AdSense Reklamını Yazının Sonuna Ekleme

Bunun için Şablon > HTML’yi Düzenle yolunu takip edereke Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-footer'> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="text-align:center;margin-top: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 

İlgili kodlar eklendiğinde reklam yerleşiminin nasıl olacağını şu grafikte göstermeye çalıştım:

adsense reklam kodlarını yazının içerisine gömme

Son olarak kodlarda renkli gösterdiğim yerlerim anlamlarını işlevlerini paylaşmak istiyorum. İsteğinize göre onları da değiştirebilirsiniz.

- Kırmızı renkle gösterdiğim değer reklam yazı arasındaki boşluğu belirler. Dilerseniz 5px yerine başka bir değer girebilirsiniz.

- Mavi renkle gösterdiğim kodlar reklamların ana sayfada değil sadece yazı başlığına tıklayıp yazının içerisine girince gözükmesini sağlar. Eğer ana sayfada yazıların tamamını gösteriyorsanız mavi renkle yazdığım kodları silebilirsiniz.

Herkese bol kazançlar!

26 Ağustos 2013 Pazartesi

Facebook Ve Twitter Gönderilerini Blog Yazısına Eklemek

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

 

Facebook embed özelliği

 

Ö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.

 

Facebook embed kodu

 

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:

 

 

 

Tweetleri Blogger’a Gömmek

 

Tweet embed

 

Şimdi de Twitter’da herhangi bir tweet blog yazınıza nasıl gömeceğinize gelelim. Bunun için tweetlerden birinin altındaki Daha fazla yazısına tıklayarak Tweeti yerleştir seçeneğine tıklayın.

 

Twitter Embed Kodu

 

Aynı Facebook’ta olduğu gibi bir pencere açılacak ve üst tarafta yazıya eklenecek kod gözükecektir. 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ği:

 

 

 

Sosyal medyanın, iletişimin ve etkileşimin öneminin giderek arttığı bu dönemde  Facebook ve Twitter gönderilerini bloglara gömmenin, etkileşimi arttıracağı bir gerçek.

18 Nisan 2013 Perşembe

Blogger’a Google+ Yorumlarını Ekleme

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ı

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.

 

Blogger'da Google+ Yorumlarını Kullanma

 

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şlayacak.

Ziyaretçileriniz aynı Google+ da olduğu gibi yorumlarını ister herkese açık, isterlerse de seçtikleri çevrelere görünür şekilde yapabilecekler. Ayrıca yazıya yapılan yorumları okurken sadece çevrelerinizde olan kişilerin yaptığı yorumları da görünteleyebileceksiniz.

 

Bakalım sıradaki yenilik ne olacak?

 

 

(GÜNCELLEME) Özel Temalarda Google+ Yorumlarını Gösterme

 

Ben bu özelliği test blogumda denediğim için Blogger’ın kendi şablonları dışındaki özel şablonlarda çalışmadığını fark edememiştim. Ta ki buraya yapılan yorumlara kadar. Böyle olunca özel şablonlara Google+ yorumları eklemek için yaılması gereken ufak değişikliği paylaşmak istedim.

Şablonnuzda şu kodu bulun:

 

<b:includable id='comment-form' var='post'>

 

Kodu bulduktan sonra sol taraftan ikonuna basarak kod bölümü genişletin ve hemen yanına şu kodları ekleyin:

 

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

 

Artık özel şablonunuzda Google+ yorumlarını kullanabilirsiniz.

10 Nisan 2013 Çarşamba

Blogger Şablon HTML Editörü Yenilendi

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

 

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ölümleri

 

Genişletilebilir Kod Bölümleri

 

Kod bölümlerinin açılır – kapanır olması HTML editöründeki karmaşıklığı azaltmış ve daha temiz bör görünüm sağlamış.

 

 

3. Çerçeve İçi Önizleme

 

Şablonu Önizle

 

Hatırlayacağınız gibi daha önce önizleme yaptığınızda yeni pencere açılırdı. Yeni HTML editöründe önizleme yaptığınızda şablon aynı pencerede gözüküyor. Hemen yanındaki Şablonu düzenle butonuna bastığınızda ise kod editörüne dönüyor.

 

 

4. Şablonu Biçimlendirme

 

Şablonu Biçimlendirme

 

Şablonda değişiklik yaparken kodlar birbirine bitişikse ve beyaz alan hiç kalmadıysa bu buton imdadınıza yetişecek. Şablonu biçimlendir diyerek kodların belli bir düzene göre dizilmesini sağlayabiliyorsunuz.

 

 

5. Kelime Değiştirme

 

Kelime değiştirme

 

Bu özellik yabancı şablonları Türkçeleştirmek isteyenlerin çok işine yaracak. Eski HTML editöründeki Ctrl + F ile arama kutusu açma özelliği bunda da mevcut.Ayrıca Ctrl + Shift + F tuş kombinasyonunu kullanarak kelime değiştirme kutusunu da açabiliyorsunuz. Böylece yabancı şablonları pratik bir şekilde Türkçeye çevirebilirsiniz.

20 Aralık 2012 Perşembe

Blogger’da Google+ Arkadaşlarından Bahsetme Özelliği

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.

 

Blogger'da Google+ Çevrelerine Mention Gönderme Özelliği

 

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…

28 Haziran 2012 Perşembe

Blogger’dan Yeni Özellik: Özel Permalinkler

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 bu sorun için meşakkatli de olsa bir çözüm bulmuştu.Artık o yazıda anlatılan ve çoğumuzun üşendiği için uygulamadığı bu hileye gerek kalmayacak çünkü Blogger, Draft panelinde özel permalink ayarını kullanıma açtı.

 

Özel Permalink ( Kalıcı Bağlantı ) Nasıl Oluşturulur?

 

Yukarıda da söylediğim gibi özel permalink ayarı şu an için sadece Draft panelde mevcut.Bunun için öncelikle Blogger Draft paneine giriş yaparak yeni bir kayıt oluşturun.Yazınıın başlığını yazdıktan sonra sağ taraftaki Kalıcı Bağlantı seçeneğine tıkladığınızda yazı başlığınıza göre oluşturulan otomatik URL’yi göreceksiniz.

 

Örneğin ben yazı başlığına Özel Kalıcı Bağlantı Ayarı yazdım ve otomatik URL şu şekilde oldu: http://bloghocam.blogspot.com/2012/06/ozel-kalc-baglant-ayar.html

Blogger Özel Kalıcı Bağlantı Ayarı

 

Gördüğünüz gibi otomatik oluşturulan permalink türkçe karakterleri içermediği için oldukça anlamsız oldu ve beni Google aramasında bir adım geri attı.

 

Şimdi buradaki Özel URL seçeneğini işaretleyip SEO dostu bir permalink oluşturacağım.Özel URL olarak Ozel-Kalici-Baglanti-Ayari yazarsam türkçe karakterlerden kurtulmuş olurum böylece permalinkim daha anlamlıı bir hale dönüşür: http://bloghocamtest.blogspot.com/2012/06/Ozel-KaliciBaglantiAyari.html

 

Blogger Özel Kalıcı Bağlantı Ayarı

 

Blogger eski arayüze alışan kullanıcılarını (ben de dahil) yeni arayüze geçmeye bir türlü ikna edemediği için tüm eski arayüzü tammamen iptal etme kararını aylar öncesinden almasına rağmen sürekli erteliyordu.Bu sırada kullanıcılara yeni arayüze geçmeleri içinyeni sebepler üretmeye devam etti.Son sebebimiz de bu özel permalink ayarı.Bakalım yeni arayüze geçmeye ne zaman mecbur bırakılacağız.

4 Nisan 2012 Çarşamba

Blogger’dan +1 Düğmesi ve Google+ Rozeti Gadgetları

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

 

+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

 

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.

25 Mart 2012 Pazar

Özel Yönlendirmeler İle Kendi URL’lerinizi Oluşturun

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 çok uzun ve karışık bulduğum için http://bloghocamtest.blogspot.com/serdar yazdığımda iletişim sayfasının açılmasını istiyorum.

 

Bunun için güncellenmiş Blogger arayüünde Ayarlar > Arama tercihleri > Özel Yönlendirmeler‘i açıyorum ve yeni yinlendirme oluşturuyorum.

 

Özel Yönlendirme

 

Kaynak: /serdar

Hedef: /p/iletisim-formu.html

 

Bu şekilde ayarladıktan sonra kaydediyorum.Artık tarayıcının adres satırına http://bloghocamtest.blogspot.com/serdar yazdığımda otomatik olarak iletişim sayfası açılacak.

 

Blogger’da etiketlere ait URL’ler bildiğiniz gibi çok uzun.Özellikle o konuda çok işimize yarayacağını düşünüyorum.

22 Mart 2012 Perşembe

Yeni Arama Tercihleri İle Blogger’da SEO Daha Kolay

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.

 

Açıklama

 

404 Hata Sayfası: Blogunuzda silinen bir sayfaya gidildiğinde görüntülenen Blogger’ın sıradan hata sayfası buradan değiştirebilirsiniz.

 

404 Hata Sayfası

 

Yönlendirme: Bu özellik sayesinde blogunuzdaki bir sayfayı başka bir sayfaya kolayca yönlendirebilirsiniz.

 

Yönlendirme

 

Robots.txt: Bu dosya arama motoru botlarının blogunuzda nasıl hareket edeceklerini gösteren çok önemli bir dosyadır.Önceden tüm Blogger bloglarının robots.txt dosyası aynıydı ve dışarıdan müdahele şansı yoktu.Artık bu konuda uzman kişiler robots.txt dosyasını düzenleyerek arama motoru botlarını istedikleri gibi yönlendirebilecekler.

 

Robots.txt

 

Robot Başlık Etiketleri: Arama motoru botlarının ana sayfada, arşiv sayfasında, arama sonuçları sayfasında, kayıt sayfalarında ve statik saygfalarda nasıl davranacaklarını bu bölümden ayarlayabilirsiniz.

 

Robot Başlık Etiketleri

 

Her Kayıt için Ayrı Arama Açıklaması: Meta description dediğimiz arama açıklamasını her kayıt için ayrı ayrı ayarlayabilirsiniz.Yeni kayıt oluşturma sayfasında, sağ tarafta Arama Açıklaması bölümünden o kayda ait arama açıklamasını ayarlayabilirsiniz.

 

Her Kayıt için Ayrı Arama Açıklaması

 

Her Kayıt için Ayrı Robot Etiketleri: Arama motoru botlarınaher kayıt için ayrı komutlar vermek için yine yeni kayıt sayfasındaki sağ tarafta bulunan Özel Robot Etiketleri seçeneğini kullanabilirsiniz.

 

Her Kayıt için Ayrı Robot Etiketleri

 

Görseller İçin Title Ve Alt Etiketi: Yeni kayıt oluştururken yazınıza bilgisayarınızdan bir resim eklediğinizde resmin üzerine tıkladığınızda Properties seçeneğini göreceksiniz.Buradan resme title ve alt etiketleri ekleyerek görsel aramalardan ziyaretçi kazanabilirsiniz.

 

Görseller İçin Title Ve Alt Etiketi

 

Önemli Hatırlatma

Robots.txt ve robot etiketleri ile ilgili ayarlar uzmalık gerektirir.Bilginizden emin değilseniz bu ayarları değiştirmeyin.Blogunuzun arama sonuçlarında hiç gözükmemesine sebep olabilirsiniz.

28 Şubat 2012 Salı

Blogger, Dinamik Şablonlar İçin Sidebar Ve Gadget’ları Duyurdu

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, Dinamik Şablonlar İçinSidebar Ve Gadget’ları Duyurdu

 

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.

12 Ocak 2012 Perşembe

Blogger, Yorumlara Yanıt Özelliğini Duyurdu

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.

 

Yorum Konumu: Gömülü

 

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.

 

Blog İçerik Takibine İzin Ver: Tüm

 

Ş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.

 

Blogger Yorumlara Yanıt Özelliği

 

Kendi Temamı Kullanıyorum.Yorumlara Yanıt Özelliğine Nasıl Geçebilirim?

 

Bu özellik Bloggger’ın tüüm şablonlarına kullanılıyor ancak internetten indirdiğiniz farklı bir tema kullanıyorsanız yorumlara yanıt özelliği görünmeyebilir.Bunun için küçük bir kod değişikliği yapmanız gerekiyor.

 

Şablonunuzdan aşağıdaki kodları bulun.

 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>


O kodları şunlarla değiştirin.



<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

3 Kasım 2011 Perşembe

Blogger Profilinizi Google Plus Profilinizle Değiştirdiniz Mi?

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.

 

Blogger profilini Google Plus profilli ile değiştirme

28 Eylül 2011 Çarşamba

Yeni Dinamik Blogger Şablonları

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.

 

blogger-dynamic-views