teknoloji haberleri - internet haberleri

Tolga Akkurt isimli okuyucumun ricası üzerine hazırladığım temayı sizlerle paylaşmak istiyorum.Her zaman yaptığım gibi daha önce hazırlanmış bir şablonu temel alarak tasarladım bu temayı da.Hem Tolga Bey’in isteklerini hem de benim kafamdakileri bir araya getirerek böyle bir sonuç çıkardım ortaya..

Temanın özellikleri kıasca şöyle

• Renk olarak her zaman tercih ettiğim siyah, beyaz, gri ve kırmızı tonlarını kullandım.
• Resimli otomatik devamını oku eklentisini ekledim.
• Feedburner e-posta ile abonelik formu ekledim.
• Sosyal medya hesaplarınız için butonlar ekledim.
• Rastgele yazılar eklentisini ekledim.
• Popüler yazılar, blog sayacı ve arşivin yer aldığı üçlü tab menü ekledim.
• Her yazının sonunda konuyla ilgili yazıları gösteren benzer yazılar eklentisini ekledim.
• Yine her yazının sonunda yazar hakkında bilgiler içren yazar bilgi kurtusu ekledim.
• SEO uyumlu başlık ayarını yaptım.
• Meta etiketlerini ekledim.

Teması kullanmaya karar verdiyeniz bazı yerleri kenmdinize göre düzenlemeniz gerekiyor.

Meta Etiketleri

Blogunuzun meta etyiketlerini düzenlemek için şablondaki şu kısımları kendinize göre değiştirmelisiniz.

<META CONTENT='Blog Hocam - Daha İyi Bloglar için' NAME='Title'/>
<link href='mailto:bloghocam@gmail.com' rev='made'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='blog, blogger, seo, sosyal medya, blog yazarlığı, para kazanmak, blog ipuçları, blogger eklentilşeri, blogger ipuçları, blogger temaları, blogger şablonları' name='keywords'/>
<meta content='Blog yazarlığı, Blogger eklentileri, Blogger şablonları, SEO ve sosyal medya üzerine bilgiler.' name='description'/>
</b:if>
<meta content='Serdar Kara' name='author'/>
<meta content='ALL' name='ROBOTS'/>

Feedburner E-Mail Aboneliği Formu

Aşağıdaki kodları bulduktan sonra bloghocam yazan yerlere kendi feedburner ID’nizi yazın.

<div class='feed'>
         <h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRz8ZvPUBVevmj3PqwJ3Qbfx9ywYa8wLrFG-oFkfrQEP65i7bHTOXbwlwvOjsaY8c7z62d96vsBhUbO7SiSbQVKs4jyEg2RiOAbNt5Z4F5-lO4bKD11_jj8HfHPqEAGjxMdvz3c1xTqYpv/s1600/mail.png' style='float:left; margin:8px 5px 0px 0;'/>E-Mail İle Takip Et</h2>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloghocam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-Mail adresinizi yazın...&quot;;}' onfocus='if (this.value == &quot;E-Mail adresinizi yazın...&quot;) {this.value = &quot;&quot;;}' type='text' value='E-Mail adresinizi yazın...'/>
<input name='uri' type='hidden' value='bloghocam'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Gönder'/></form>
    </div>

Sosyal Medya Butonları

Sosyal medya butonlarına tıklayınca kendi hesaplarınıza erişm için aşağıdaki kodlardaki benim hesaplarımın yerine kendi hesap adreslerinizi yazın.

<div class='feedlist'>
       <ul>
      <li><a href='http://feeds.feedburner.com/bloghocam'><img alt='RSS' src='http://i54.tinypic.com/2in1bn.png' title='Abone Ol'/></a></li>
          <li><a href='http://www.facebook.com/bloghocam'><img alt='Facebook' src='http://i56.tinypic.com/2jd2lxz.png' title='Beğen'/></a></li>
      <li><a href='http://twitter.com/bloghocam'><img alt='Twitter' src='http://i56.tinypic.com/6pnn8w.png' title='Takip Et'/></a></li> 
      <li><a href='http://gplus.to/serdarkara'><img alt='Google Plus' src='http://i52.tinypic.com/14dj0nd.png' title='Çevrelene Ekle'/></a></li>
          
       </ul>
    </div>

Yazar Bilgi Kutusu

Yazar bilgi kutusuna kendi bilgilerinizi yazmak için şablondan aşağıdaki kısmı bulup düzenleyin.

<h3>Yazar Hakkında</h3> Merhaba ben 

<a href='http://bloghocam.blogspot.com/p/hakkmda.html' target='_blank' title='Hakkımda'>Serdar Kara</a>.

Geçmişte blog yazarken edindiğim tecrübeleri acemi 

blogcularla ve blogunu geliştirmek isteyenlerle paylaşmanın 

keyifli olacağını düşünerek 

<a href='http://bloghocam.blogspot.com/' target='_blank' title='Blog Hocam'>Blog Hocam</a>

&#8217;ı yazmaya başladım.Yazılarımı sürekl okumak 

isterseniz Blog Hocam&#8217;ı 

<a href='http://www.facebook.com/pages/Blog-Hocam/196713297023764' target='_blank' title='Facebook İleTakip Et'>Facebook</a>,

<a href='http://twitter.com/bloghocam' target='_blank' title='Twitter İle Takip Et'>Twitter</a>, 

<a href='http://feedburner.google.com/fb/a/mailverify?uri=BlogHocam' target='_blank' title='E-Posta İle Takip Et'>E-Mail</a> veya 

<a href='http://feeds.feedburner.com/BlogHocam' target='_blank' title='RSS İle Takip Et'>RSS</a> ile 

takip edebilirsiniz. 

Değiştirmek istediğiniz bir yer veya kafanıza takılan bir soru olursa yorum bölümünden bildirirseniz yardımcı olabilirim.Görüşleriniz ve fikirleriniz doğrultusunda temayı daha da geliştirebilir ve 2. versiyonunu hazırlayabilirim.

Daha önce benden menü oluşturma ile ilgili yardım isteyen Ece Hanım, İletişim formu asracılığıyla bir ricada daha bulunmuş ve Blogger’ın kendi fontları dışında farklı fontları nasıl kullanabileceğini sormuş.Bu yazımda Cufon isimli fonmt sitesindeki fontları blogumuzda nasıl kullanacağimizi anlatacağım.

1. Adım: Cufon sitesine giderek türkçe karakterleri destekleyen bir fontlardan birini bulduktan sonra o fontun hemen altındaki Cufon Dosyasını İndir linkine tıklayın.Fontların türkçe karakterleri destekleyip desteklemediğini görmek için önizleme özelliğini kullanabilirsiniz.

2.Adım: Açılan sayfanın alt tarafında Fontu Cufon Olarak İndir butonuna basarak fontu bilgisayarınıza kaydedin.

3.Adım: Your Java Script sitesine gidin ve Dosya Seç butonuna basarak bilgisayarınıza az önce indirdiğiniz cufon dosyasını seçip, e-mail adresinizi yazdıktan sonra Upload butonuna basın.

4.Adım: E-Mail adresinize Your javascript link on yourjavascript.com konulu bir e-mail gelmiş olması gerekiyor.Bu e-mail’deki http://yourjavascript.com/81143…/pecita.cufonfonts.js şeklindeki linki kaybetmeyin.Bir sonraki adımda bu linki kullanacağız.

5.Adım: Blogger hesabınıza giderek şablonunuzun kodlarını açın ve  <head> kodunun hemen altına sırasıyla ilk olarak;

<script src='http://yourjavascript.com/1214130809/cufon-yui.js' type='text/javascript'/>

kodunu ekleyin.Bunun hemen altına bir önceki adımda bahsettiğim mailimize gelen linki kullanacağız.Bunuda şu şekilde ekleyin:

<script src='http://yourjavascript.com/2820411011/pecita.cufonfonts.js' type='text/javascript'/>
<script type='text/javascript'>

Bu kodun altına ise aşağıdaki kodları ekleyerek şablonunuzu kaydedin.

Cufon.replace('h1, h2, h3, h4, h5, h6');
</script>

Kodların şablondaki yerleşimi şu şekilde olacaktır:

Ve işte sonuç…

Biliyorum biraz zahmetli bir iş ama sonucu gördüğünüz zaman uğraştığıma değmiş diyeceğinizden eminim.

Invesp adlı bir şirket “Blog Dünyası Ne Kadar Büyük?” konulu bir araştırma yapmış ve sonuçlarını da kendi internet sitelerinde pğaylaşmış.Araştırma, blogların günden güne ne kadar popüler olduğunu açıkça gösteriyor.Şimdi bu araştırmayla ilgili bazı ilginç verileri sizlerle paylaşmak istiyorum.

Dünyada Ne Kadar Blog Var?

Technorati ve Blogpules’a göre Haziran 2011 tarihi itibariyle dünyada yaklaşık 164 milyon blog var.Bu sayı Haziran 2004 tarihinde 3 milyon civarındaydı.

Blog Yazarlarının Profilleri

Araştırmaya göre blog yazarlarının 3’te 1’i kadınlar iken 3’te 2’si erkekler.Ayrıca blog yazarlarının %30’u 25-34 yaş aralığındayken bu yaş grubunu %27 ile 35-44 yaş aralığı takip ediyor.

En Çok Hangi Kıta Blog Yazıyor?

Blog yazarlarının %49’u Amerika kıtasından.Bu oranı %29 ile Avrupa, %12 ile Asya takip ediyor.

Blogcular Kaç Yıldır Blog Yazıyorlar?

Blogcuların %21’i 6 yıl ve daha fazla süredir blog yazıyorlar.Burada en fazla oran ise %33 ile 2-4 yıl aralığına ait.

Blog Yazarları Bloglarına Ne Kadar Zaman Ayırıyorlar?

Blog Yazarlarının %32’isi bloglarına haftada 1 saatten az ayırırken %2’si haftada 40 saatten fazla zaman ayırıyor.

Blog Yazarları Hangi Konuda Blog Yazıyorlar?

Blog yazarlarının %18’i kişisel blog yazarlarken bu oranı %14 ile teknoloji/internet konulu bloglar takip ediyor.

Blogların Ziyaretçi Kaynakları Neler?

Ziyarrtçilerin %41’i bloglara arama motorlarından ulaşırken, %28’i sosyal medya aracılığıyla, %20’si referans siteler aracılığıyla ulaşıyor.

Blogcular Hangi Sosyal Ağları Kullanıyor?

Tahmin ettiğiniz gibi bu alanda aslan payı %28 ile Facebook ve %26 ile Twitter’ın.Bunları ise %4 ile Linkedin takip ediyor.

Blogları Kaç Kişi Ziyaret Ediyor?

Blogların %48’inin aylık ziyaretçi sayısı 1000’den az.%12’sinin ise aylık ziyaretçi sayısı 10000’den fazla.

Herkese merhaba,

Fashion S.O.S blogunun yazarı Ece Köprübaşılı, bir yorumunda blogunda başlığın hemen altına yatay menü ekleme ile ilgili yardım talep etmişti.Bende bu yazımda blogunuza nasıl yatay menü ekleyeceğinizi anlatacağım.

Resimdeki gibi blog başlığınızın hemen altına yatay menü eklemek için öncelikle şablonunuza menünün görünümünü belirteceğiniz CSS kodlarını eklemelisiniz.CSS kodlarını her zaman olduğu gibi ]]></b:skin> kodunun hemen üstüne ekliyorsunuz.Eklemeniz gereken CSS kodları ise şunlar:

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#newnavbar li a{
color:#000000;
}

#newnavbar li a:visited {
color: #c00000;
}

#newnavbar li a:hover {
color:  #c00000;

}

• Ana sayfa, link1, link2 gibi linklerin siyh olan rengini değiştirmek için newnavbar li a kodundaki #000000 olan renk kodunu değiştirebilirsiniz.



• Linklerin üzerine geldiğinizde linkler kırmızı renge dönüşüyor.O rengi değiştirmek için ise newnavbar li a:hover kodundaki #c00000 olan renk kodunu değiştirebilirsiniz.

İkinci adımda ise menünün HTML kodlarını ekleyeceksiniz.Bunun için blogunuzun sayfa öğelerini açın ve sayfa öğelerindeki Üstbilgi bölümünün altındaki Gadget Ekle’ye basarak HTML/JavaScript’i seçin ve asşağıdaki kodları ekleyin.

<div id='newnavbar'>
<ul>
<li><a href="http://bloghocam.blogspot.com">Ana Sayfa</a></li>
<li><a href="Link1">Link1</a></li>
<li><a href="Link2">Link2</a></li>
<li><a href="Link3">Link3</a></li>
<li><a href="Link4">Link4</a></li>
<li><a href="Link5">Link5</a></li>
</ul></div>

İşte blogunuza yatay link menüsü eklemek bu kadar.Umarım net bir şekilde anlatabilmişimdir.