12 Ekim 2011 Çarşamba

Curo Blogger Teması

46 yorum

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

Curo Blogger Teması

download

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='http://3.bp.blogspot.com/-yoUAsmk4MKY/Te4e9DeO1cI/AAAAAAAAJnI/7aOkonYJONI/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.

46 yorum:

  1. eline koluna emeğine sağlık kardeşim bu temayı sadece 1 kelimemle yaptın sağol bende inşallh kullanmaya başladım temayı ama şu sıralar projelerin çokluğundan dolayı hoby lerime vakit ayıramıyorum inşallh yoğunluğum geçsin temanın tadını çıkartmak için baya vaktim olucak tekrar teşekkür ederim ilgin için

    YanıtlaSil
  2. Tema çok güzel hocam arşive ekledim :)
    Ancak 2.versiyonunu çıkarırsanız daha iyi olur gibime geliyor eksikleri var gibi :)

    YanıtlaSil
  3. Beğendiğinize sevindim.Gördüğünüz eksikleri söylerseniz daha iyi hale getirebiliriz.

    YanıtlaSil
  4. Kırmızı yerine siyah renge ağırlık verebilir, yazı sonlarına tema ile uyumlu (sexy share gibi) paylaşım butonları ekleyebilir, menü kodlarını(yazı içinde menü kayboluyor), otomatik devamını oku eklentisini ve yazar kutusunu geliştirebilirsiniz :) Tabi bunlar sadece öneri. Bence temanın bir üst seviyeye geçmesi gerek :)

    YanıtlaSil
  5. Önerilerinizi dikkate alacağım.Eğer bu tema beğenilirse biraz daha geliştirip yeni versiyonunu çıkarırım.Bu temaya talep olmazsa da yapacağım diğer temalarda önerilerinizi dikkate alacağım.

    YanıtlaSil
  6. güzel tema olmuş teşekkürler..

    YanıtlaSil
  7. Temanın guzelliğinden kuşkumuz yok ama benim gibi telefondan ilgilenenler için test blogu acarsanız sevinirim

    YanıtlaSil
  8. selam hakkımdaki bölümü editlemeye çalıştım
    ama senın resim gitmıyorum
    bkz. http://hayalnet.blogspot.com/2011/12/windows-7-bilgisayar-dunyas.html

    YanıtlaSil
  9. Kodlarda Yazar Hakkında satırını aratın ve bunun altındaki benimle ilgili bilgleri değiştirin.

    YanıtlaSil
  10. demo sayfası olsa güzel olurdu

    YanıtlaSil
  11. ya yazının devamını okuyu nasıl kaldırabilirim

    YanıtlaSil
  12. Hocam en üste sayfaların göründüğü kırmızı bar var. Bu barda yer alan Home ,Sayfa1 ,Sayfa2 gibi sayfa menüleri ana sayfadayken görünüyor. Ama ara sayfalarda görünmüyor. Bunu nasıl düzeltebiliriz? Birde sizin bu blogta olduğu gibi benzer yazılar eklentisi nasıl ekleyebilirim?
    Teşekkürler.

    YanıtlaSil
  13. Hocam bu temada benzer yazılar için kod eklemişsiniz. Googledan araştırdım kodu buldum. Ancak temada eklenti ile ilgili class'lar zaten vardı. Fakat benzer yazılar çıkmıyor hiç. Acaba bir bakma şansınız varmı? Bu konuya sık sık dönüp cevap varmı diye kontrol edeceğim.
    Teşekkürler.

    YanıtlaSil
  14. @mehmet

    1. Küçük bir hata yapmışım.Siz söyleyince farkettim.Şu şekilde düzeltebilirsiniz.Blogunuzun şablonundan şu kodu bulun: .PageList li a
    Bunun 3 satır altında color:#c00000 yazan yeri color:#fff olarak değiştirin ve kaydedin.

    2. Benzer yazıların çıkmamasının sebebi aynı etikete sahip başka bir yazının bulunmaması olabilir.Benzer yazılar eklentisini kontrol ettim şimdi hiç bir sorun yok.

    YanıtlaSil
  15. Cevabınız için çok teşekkür ederim. Kaliteli yazılarınıza hayran kaldım. Yabancı forumlarda bile bu kadar kalite bulamadığımı itiraf ediyorum. İnşallah emeklerinizin karşılığını alırsınız. Allah razı olsun.

    YanıtlaSil
  16. elinize sağlık hocam şu an blogumda kullanıyorum :)

    YanıtlaSil
  17. @İbrahim Yüzer şablonun kodlarından .PageList li a kodunu bulduktan sonra bunun 3 satır altında color:#c00000 yazan yeri color:#fff olarak değiştirirseniz en üstteki sayfalardaki hata kalkar.

    YanıtlaSil
  18. Sağol abi tema çok güzel :)
    ellerine sağlık :)

    YanıtlaSil
  19. hocam sidebarın ölçüleri nedir 300x250 formatına uygun mu

    YanıtlaSil
  20. Ölçüleri hatırlamıyorum.Temanın yüklü olduğu bir blogum olmadığı için bakamıyorum da.

    YanıtlaSil
  21. değil ben denedim nasıl yaralayabilirim 300x250 ye

    YanıtlaSil
  22. Sidebar'ı 300x250 diye ayarlayamazsınız ki.Sidebar'ın sadece genişliğini ayarlayabilirsiniz.Ancak sadece onu değiştiremezsiniz.Content wrapper, main wrapper, sidebar wrapper hepsi birbiri ile bağlantılıdır.

    YanıtlaSil
  23. eline emeğine sağlık teşekkürler

    YanıtlaSil
  24. ama bende bi sorun oldu ya bi bakarmısın nasıl düzeltebilirim ?

    ana sayfa felan üst tarafa sayfa eklediğimde bölüm özetleri felan..gözükmüyor üsütne gelince anca beyaz oluyor bi bakarmsn?

    http://pis-yedili-izle.blogspot.com/

    YanıtlaSil
  25. @hayatdevamediyorizle
    .Blogunuzun şablonundan şu kodu bulun: .PageList li a
    Bunun 3 satır altında color:#c00000 yazan yeri color:#fff olarak değiştirin ve kaydedin.

    Hata için kusura bakmayın, gözümden kaçmış.

    YanıtlaSil
  26. ilgi alakanız için teşekkür ederim..düzelttim sayenizde..ayrıca sitede ince ayrıntılar anlatılmş güzel bir site olmş tşk

    YanıtlaSil
  27. serdar bey bakarmsınız acaba bu kırmızı yerleri siyah nasıl yapabilirim ? dizi fan bloğu açacamda siyah olması lazım ?

    YanıtlaSil
  28. Kırmızı yerlerin renk kodu #c00000.Şablondaki tüm #c00000 renk kodlarını bulup siyah rengi temsil eden #000000 kodu ile değiştirirseniz kırmızı yerler siyah olur.

    YanıtlaSil
  29. yaptım ama olmadı :S

    http://ucurum-sonbolumizle.blogspot.com/
    bi bakarmsınız

    http://www.ucurum.in/
    buna benzer bi renkte olamsını istiyorum

    YanıtlaSil
  30. Sadece widget başlıklarının rengini değiştirmişsiniz.Şablondaki tüm #c00000 kodlarını değiştirmeniz gerek.Bu arada adresini verdiğiniz sitede kullanılan rengin kodu #333333

    YanıtlaSil
  31. size iletişimden bi msj attm cevabını buraya atarmsınız yada msn warmı acaba ?

    YanıtlaSil
  32. hocam tema çok güzel elinize sağlık ama yazar hakkında kısmını bir türlü düzenleyemedim. Yazar Hakkında diye aratınca htmlde hiçbir sonuç bulamıyor.

    YanıtlaSil
  33. @EresboSS

    Aramadan önce Widget Şablonlarını Genişletkutucuğuna tıkladınız mı? Serdar Kara diye arayarak ta bulabilirsiniz.

    YanıtlaSil
  34. serdar bey temanızdaki en üstteki kırmızı şeritle en alttaki kahverengi şeridi nasıl kaldırabilirim

    YanıtlaSil
  35. Kırmızı şerit için bu resmi düzenlemelisiniz, alt tarafı kaldırmak için <div id='footer'> ve </div> kodları arasındaki bölümü kaldırmalısınız.

    YanıtlaSil
  36. tamam oldu..ilgi alakanız için teşekkür ederim

    YanıtlaSil
  37. selam serdar bey son bi sorum daha olucaktı..
    ben logonunn tam altına yatay menü yapıcamda kodları war bendede .. logonun altına yerleştirmem için html den hangi kodun altına koyucam

    YanıtlaSil
  38. Header bölümü bittikten sonra <div id='content-wrapper'> kodu başlar.<div id='content-wrapper'> kodundan hemen önce ekleyeceğiniz her kod header ile içerik bölümü arasında görünür.

    YanıtlaSil
  39. Merhaba Serdar Ustacığım
    Bende kullandığım temada , yukarıdaki temada olduğu gibi Devamını Oku ve sağ taraftaki sidebarların başlıkları olan Kategoriler,İzleyiciler,rastgele yazılar gibi side bar başlıklarını kırmızı çerçeve içine almak istiyorum.Bunu nasıl yapabilirim?
    Saygılar

    YanıtlaSil
  40. Tekrar Merhaba Serdar Ustam
    Yukarıdaki mesajı yazdıktan sonra,araştırarak kendim uğraştım ve temamın HTML kodları içindeki, sidebar background kodları ile oynayarak bu son şekli çıkardım.(Nasıl ben de gelişme var değilmi)
    Olmuşmu acaba? Ancak Devamını oku kısmını aynı şekilde yapamadım.
    Saygılar

    YanıtlaSil
  41. Serdar Hocam Tema da sayfanın en altında Önceki yazılar yazan yere Sayfa Sayılarını Nasıl Koyabilirim ?
    Mesela 1 2 3 4 5 ... Gibi.
    Bu Blogda Var mesela

    YanıtlaSil
  42. facebook twiiter ikonları gözükmüyor hocam bknz nasıl düzeltecegim http://bestofrott.blogspot.com/

    YanıtlaSil
  43. @Yunus İncesu
    İkonları tinypic sitesine yüklemiştim ama silinmiş. Siz yeni ikonlar bulup, linkleri eskisiyle değiştirin.

    YanıtlaSil
  44. Hocam sayfanın sağındaki kare gibi tnypic yazıyor onları nasıl kjaldırırım http://blogdersvakti.blogspot.com/

    YanıtlaSil
  45. hocam öncelikle iyi çalışmalar ben bloguma hiç bir şekilde tema yükleyemiyorum hep bana şu uyarıyı veriyor :Şablonunuzu kaydedemedik.

    Şablonunuz doğru şekilde oluşturulmadığından ayrıştırılamadı. Lütfen tüm XML öğelerinin doğru şekilde kapatıldığından emin olun. XML hata iletisi:
    (SyntaxError) : expected expression, got '<'
    yardımcı olursanız sevinirim ilginize teşekkürler iyi çalışmalar

    YanıtlaSil

Picardes

LİNKLER