Curo Blogger Teması
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/AVvXsEjnkgpXMuNTqFLWxOhLNhl5sJtvFrDYFXBMkhntoR83r28bwi0rO47MgCTg16394xhCW0tZ83Z7Xh57x829c1Lb9wjDaTqeNNBEXdsxBkpHVaVm5WJs8FscyrejgcYYilMwNm3XjByO7VYX/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('http://feedburner.google.com/fb/a/mailverify?uri=bloghocam', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == "") {this.value = "E-Mail adresinizi yazın...";}' onfocus='if (this.value == "E-Mail adresinizi yazın...") {this.value = "";}' 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>
’ı yazmaya başladım.Yazılarımı sürekl okumak
isterseniz Blog Hocam’ı
<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.
Cufon İle Blogger’da Farklı Fontlar Kullanın
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.
Bumerang Web Sitesi ve Blog Ödülleri Başlıyor!
2007 yılından bu yana bağımsız site sahiplerine sunduğu avantajlarla 11.000'den fazla kullanıcıya ulaşan ve sponsor markalardan tekliflerle para da kazandırmaya başlayan Hürriyet Bumerang, en iyi blog ve web sitelerini ödüllendirmeye hazırlanıyor!
5 Kategoriden Biri Sizin
Bumerang üyeleri arasında gerçekleşecek olan yarışmaya blog, forum, yerel haber siteleri gibi her türlü bağımsız web sitesi katılabilir.
Eğer hala Bumerang üyesi değilseniz bumerang.hurriyet.com.tr üzerinden kolayca üye olabilir, başvurunuzu üye girişi yaparak gerçekleştirebilirsiniz.
Bir bumads advertorial içeriğidir.
Blogger Dersleri-Blogger'a Giriş
Yapmamız gereken ilk şey blogger.com adresine giderek burada başla butonuna basmak.Daha sonra gerekli adımları uygulayarak şablon seçimi gibi işlemler yapıldıktan sonra artık blog yazmaya başlayabiliriz.
Blogger'a giriş yaptıktan sonra gönderme>yeni kayıt kısmından yazımızı yayına alabiliriz.Blogger editörünü kullanarak yazımızın içerisinde resimler ve videolarda yayınlayabiliriz.Editörde yazımızın rengini değiştirebilir,kalınlaştırabilir,altı çizgili yapabiliriz.Bunlar gibi bir çok özelliği blogger'da ki editörden yapabiliriz.Editörün üzerinde bulunan html'yi düzenle kısmını yazımızda herhangi bir html kodu kullanacağımız zaman aktif hale getirip öyle kullanmalıyız.
Yazımızı yazdıktan sonra etiketler kısmında yazımızla ilgili anahtar kelimeleri girebiliriz.Ama ben burayı daha çok kategori oluşturmak için kullanıyorum.Siz de böyle yapabilirsiniz.Daha sonra yazımızın yayından önce nasıl olduğuna bir bakmak istersek önizleme kısmından kontrol edip eksikliklerini giderebiliriz.Daha sonra ise yazımızı yayına alabiliriz.
Blog Yazarının Dikkat Etmesi Gerekenler
2011 Blogosfer İstatistikleri
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.
Hürriyet Gazetesi'nden Unutulmayacak Bir Hediye!
Doğduğunuz gün Türkiye'de ve dünyada neler olduğunu hiç merak ettiniz mi?
Hürriyet, ilk yayın tarihi 01.05.1948'den günümüze kadar olan tüm baskılarının birinci sayfalarını kullanımınıza sunuyor. Bu sayede aileniz ve sevdiklerinize, doğum günlerine ait sayfayı armağan ederek bu özel günleri unutulmaz kılabilirsiniz. Dilerseniz kendi doğduğunuz güne ait gazetenin ilk sayfasını sipariş edip saklamanız mümkün. Ayrıca sizin için önemli olan, Türkiye ve dünya tarihine damgasını vurmuş olayların yer aldığı gazete sayfalarına da sahip olabilirsiniz. Örneğin "Dünya Kupası Finalleri"ne katılmaya hak kazandığımız o gün!
Size özel Hürriyet'inizi, orijinal gazete kağıdına baskılı olarak farklı ebatlarda seçebilirsiniz. Ayrıca ister karton tüp içerisinde, ister özel kutuda, isterseniz de oldukça şık bir ahşap çerçeve içerisinde sipariş verebilirsiniz.
Bunun için tek yapmanız gereken http://satis.hurriyet.com.tr adresini ziyaret ederek istediğiniz tarihi belirtmeniz!
Bir bumads advertorial içeriğidir.
Blogger’a Yatay Link Menüsü Ekleme
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.
