29 Mart 2013 Cuma

En İyi 10 Kişisel Blog Teması

60 yorum

Kişisel blog sahibi bloggerlar, bloglarına uygun bir tema bulmakta zorlanabilirler. Kişisel bloglar insanların kendi düşüncelerini paylaştığı, samimi bloglardır. Dolayısıyla kişisel bir blogun tasarımı da sıcak samimi ve kişisel blogun ruhuna uygun olmalıdır. Aşağıda Blogger platformuna ait en beğendiğim kişisel blog temalarından bir derleme yaptım. Umarım beğenirsiniz.

 

1. Sunrise Blogger Template

 

sunrise blogger template

DEMO & DOWNLOAD

 

Özellikler: Açılır menü, manşet slayt, resimli otomatik devamını oku, özelleştirilmiş yorum bölümü, yukarı çık butonu, sosyal takip butonları.

 

 

2. WebDesign Blogger Template

 

Webdesign blogger template

DEMO & DOWNLOAD 

 

Özellikler: Yatay menü, manşet slider, resimli otomatik devamını oku, 4 sütunlu footer alanı, sayfa numaralandırma, yazar kutusu.

 

 

3. Timeline Blogger Template

 

Timeline Blogger Template

DEMO & DOWNLOAD 

 

Özellikler: Tek sütunlu, yatay menü, özel post footer, 3 sütunlu footer alanı, zaman tüneli tarzında tasarım.

 

 

4.  Espada Blogger Template

 

espada blogger template

DEMO & DOWNLOAD 

 

Özellikler: Yatay üst menü, özel post footer tasarımı.

 

 

5. Leatherbound Blogger Template

 

Leatherbound blogger template

DEMO & DOWNLOAD

 

Özellikler: Şık tasarım.

 

 

6. My Wall Blogger Template

 

My Wall Blogger Template

DEMO & DOWNLOAD 

 

Özellikler:  Resim tabanlı tasarım, sol sidebar sabit, özel sosyal paylaşım butonları.

 

 

7. Lummoxie Blogger Template

 

lummoxie blogger template

DEMO & DOWNLOAD

 

Özellikler: Üst menü, özel yorum bölümü, şık tasarım.

 

 

8.  My Personal Diary Blogger Template

 

my personal diary blogger template

DEMO & DOWNLOAD 

 

Özellikler: Resim tabanlı tasarım,

 

 

9. CherryTruffle Blogger Template

 

CherryTruffle blogger template

DEMO & DOWNLOAD 

 

Özellikler: Üst menü, yatay açılır menü, sosyal takip butonları, resimli otomatki devamını oku, sayfa numaralandırma, 3 sütunlu footer alanı, özelleştirilmiş yorum bölümü.

 

 

10. Compartidisimos Blogger Template

 

compartidisimo blogger template

DEMO & DOWNLOAD

Özellikler: Üst menü, sabit manşet, resimli otomatik devamını oku, 3 sütunlu footer, özelleştirilmiş yorum bölümü.

 

 

Araştır, toparla, düzenle… derken epey uğraştım bu yazıyı hazırlamak için. Alttaki butonları kullanarak sosyal ağlarda paylaşırsanız sevinirim.

60 yorum:

  1. Harika bir paylaşım Serdar Bey ,

    Ancak denemek için birkaçı hariç yükleyemedim ,
    Yükle dediğimde, kaynak dosyanın iyi kaydedilmesi kaynaklı bir hata veriyor,

    Bir de daha önceden özelliştir de gelişmiş ayarları yapabiliyordum , font renk vb.. Artık CSS kodları geliyor yapamıyorum ,acaba bir ayarı mı değiştirdim,

    Teşekkürler

    YanıtlaSil
  2. Yazıyı yayınlamadan önce tüm dosyaları kontrol etmiştim, tekrar ettim indirmede bir hata yok. Hatta bazı temaları kendi box hesabıma atmıştım.

    Özelleştirme ayarları Blogger'ın kendi temalarında ve responsive özelliğe sahip bazı temalarda olur. Özel temaların çoğunda değişiklikleri özelleştir bölümünden değil de kodlarda oynayarak yaparsınız.

    YanıtlaSil
  3. 1, 2 ve 4. temalar harika hocam.

    YanıtlaSil
  4. Cevabınız için teşekkürler ,
    Ben yeniden deneyecem,

    YanıtlaSil
  5. Güzeller, ama tema ile uğrasmak cok sıkıcı ve sinir bozucu teşekkürler

    YanıtlaSil
  6. Özellikle de 1. temayı çok beğendim :D

    YanıtlaSil
  7. 1 ve 2.ci tema çok süper vallaha

    YanıtlaSil
  8. 6. Ve 8. favorim oldu tam benlik. Keşke bende yapabilsem ama hayatta beceremem. Şimdilik yaz ve yayınla ile idare ediyorum :))

    YanıtlaSil
  9. wordpress için de bi liste var mı?

    YanıtlaSil
  10. Serdar Bey ,

    4. temada gövde genişliğinden arka plan görünmüyor,
    HTML ayarlarından daraltma yapmam mümkün mü ?
    Mümkün ise yerini belirtebilrmisiniz ?

    Teşekkürler
    Kürşat Topuz

    YanıtlaSil
  11. @Kürşat Topuz
    Tek başına gövdede daraltma yapmanız yerleşimin bozulmasına, diğer bölümlerin taşarak şekilsiz bir görünüme yol açar. Şablondaki tüm bölümlerin yeniden boyutlandırılması gerekir ki uzun iş :)

    YanıtlaSil
  12. 1. Tema Teknoloji Bloguma İyi gider ilerde yükleyeceğim hocam teşekkürler :)

    YanıtlaSil
  13. 1. Sunrise Blogger Template adlı temayı beğendim abi :)

    YanıtlaSil
  14. En beğendiğim 3. Timeline Blogger Template :)

    YanıtlaSil
  15. 9 numara cidden çok iyiymiş... ben hazır tema sevmiyorum aslında ama gerçekten çok beğendim... bi ara test blogumda deneyip kullanımını seversem komple geçebilirim sanırım :)
    teşekkür ederiz serdar bey.

    YanıtlaSil
  16. Vay canına. Neler varmış böyle! Acemi biri olarak deneme yapmam gerekecek.

    YanıtlaSil
  17. aslında hocam düzenlemesi basit bunları.Başta bende bilmiyordum temayı açıp,genişletip deneyerek öğrendim. 1 gününüzü almaz.@zayıflama eler sizde öğrenebilirsiniz.

    YanıtlaSil
  18. Ya şu 2. temada manşet slide nasıl değişiyor cevap verirseniz sevinirim.

    YanıtlaSil
  19. @Wint Summ
    Şablonda şu kodları bulup kendinize göre düzenleyin

    <div class='container'>
    <div class='nivoSlider' id='slider'>
    <img src='https://lh5.googleusercontent.com/-GnNRt9HRZRk/UQPeZcJ0xgI/AAAAAAAAFD0/1CgzxX5Em5k/s910/slider-1.jpg' title='#sliderCaption1'/>
    <img src='https://lh5.googleusercontent.com/-LuJQsjtzFkY/UQPeZ0aCj0I/AAAAAAAAFD4/bo_zaXRkFX8/s910/slider-2.jpg' title='#sliderCaption2'/>
    <img src='https://lh3.googleusercontent.com/-2zkFaQyJ1es/UQPeZw-AEJI/AAAAAAAAFD8/5K1wvbSnLng/s910/slider-3.jpg' title='#sliderCaption3'/>
    </div>
    <div class='nivo-html-caption' id='sliderCaption1'>
    <div class='title'><a href='#'>Consectetur</a></div>
    Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusm</div>
    <div class='nivo-html-caption' id='sliderCaption2'>
    <div class='title'><a href='#'>Ipsum</a></div>
    Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusm</div>
    <div class='nivo-html-caption' id='sliderCaption3'></div>
    </div>

    YanıtlaSil
  20. hocam iyi güner. Sitemde sizin tavsiye ettişiniz temalardan birini kullanıyorum ancak siteme uygunluğu konusunda emin değilim.Klasik şsblonmu kullanmam daha mı? uygundur yorum yapar mısınız?

    http://parakazanayim.blogspot.com/

    YanıtlaSil
  21. tamam buldum ama nerdeki remin adının yazıcaz orasını anlamadım doğrusu

    YanıtlaSil
  22. eklemeyi unuttum hocam bu arada benim blogda yazzıların hepsi anasayfada tamamen gözüyor onları devamını oku şeklinde nasıl yapabilirim ?

    YanıtlaSil
  23. Merhaba,
    5 temayı kullanmaktayım. Ama konuyu ne zaman gönderdiğimi yazmıyor. Süresi yazacağına, undefiend, yazıyor. Ne yapmalıyım? Yardımcı olursanız sevinirim.
    Kendinize iyi bakın, ALLAHÜ TEALA'ya emanet olun.
    Kolay gelsin.
    İyi günler dilerim.

    YanıtlaSil
  24. @Ersin ERDOĞAN
    Ayarlar > Dil ve Biçimlendirme > Tarih damgası biçimini Pazartesi, Nisan 08, 2013 şeklinde ayarlamayı deneyin.

    YanıtlaSil
  25. Merhaba, Serdar bey,
    İlk olarak oldu çok ama çok teşekkürler. Onun dışında 1 sorum daha var. 5 temada ki ''Devamını Oku'' bölümü hatalı. Tüm mesajı gösteriyor. Ne yapmalıyım?
    Şimdiden çok ama çok teşekkürler.
    Kendinize iyi bakın, ALLAHÜ TEALA'ya emanet olun.
    Kolay gelsin.
    İyi günler dilerim.

    YanıtlaSil
  26. Hatalıysa ben bir şey yapamam.

    YanıtlaSil
  27. Güzel paylaşım teşekkürler.

    YanıtlaSil
  28. Serdar Abi Öncelikle Teşekkürlerde Rar Şifresi Ne Bu Arada ? . Rar Şifresini Paylaşmamışsın ..

    YanıtlaSil
  29. Konun kopyalanmış gibi, ya da zevklerin ve renklerin ortak olduğu garip bi tesadüf.:)

    http://nasilyapalim.com/en-iyi-10-adet-kisisel-blogger-temalari.html

    YanıtlaSil
  30. @Melodram
    Maalesef bunun önüne geçemiyoruz.

    YanıtlaSil
  31. Selamlar , resimde kırmızı ile işaretledigim şeyi nasıl kaldırabilirim ? tşkler :)

    http://img.donanimhaber.com/upfiles/1520798/cf1528d0-4543-4b9d-94c7-2eb23f4f7ccc.png

    YanıtlaSil
  32. ilk temadaki fotoğrafları nasıl değiştirebiliriz?

    YanıtlaSil
  33. @ozgeefek
    Şablondaki <h2>Announcements</h2> satırının altında manşetteki 3 resmin urlsi ve altındaki açıklamalar yer alır. Orada .jpg uzantılı urlleri kendi resimlerinizin urlsiyle değiştirin.

    YanıtlaSil
  34. Hocam olmuyor şablonu degiştirmeye çalıştıgımda zaten soratemplets.com a yönlendiriyor

    ben orda resim olmasını istemiyorum kaldırılabiliyorsa sizden rica edip

    1. Sunrise temasının resim bölümünü kaldırıp html kodunu paylaşırmsnz tesekkurler

    YanıtlaSil
  35. Merhabalar. Espada Blogger Templatede zamanın undefinied değil de, doğru göstermesi için neyi değişmeliyim?

    YanıtlaSil
  36. @Ceyhun Ozgur
    Ayarlar > Dil ve Biçimlendirme > Tarih damgası biçimini Perşembe, Mayıs 16, 2013 şeklinde ayarlayın.

    YanıtlaSil
  37. 9.tema çok güzel indirip editledim bambaşka tema yapacaktım vazgeçtim :)

    http://altindalblog.blogspot.com

    YanıtlaSil
  38. Kardeşim Ben 5. temayı indirdim çok güzel. yükledimde fakat bu kategorilere göre yayın yapamadım onun bir yolu var mı? kategori isimlerini değiştirebiliyorum faat nasıl yayın yapacağımı bulamadım.

    YanıtlaSil
  39. serdar bey bunları türkçeleştirmek biraz uzun sürer ve gıcık eder.Bunlardan başka dinamik olmayan tema paylaşırsan çok sevinirim :) http://neqil.blogspot.com/

    YanıtlaSil
  40. 2.Temada ki geçişleri nasıl değiştiriyoruz?

    YanıtlaSil
  41. Hocam simdi ben 2.ci tasarımı sectim ve orda yazan surekli degisen resimler var onları nasıl degistirecem y.turancan@gmail.com mesaj atarsan cok sevinrim burda belki bakmayı unuturum

    YanıtlaSil
  42. @Turancan Yerli
    Kodlardan şu bölümü bulup düzenleyebilirsiniz.

    <div class='container'>
    <div class='nivoSlider' id='slider'>
    <img src='https://lh5.googleusercontent.com/-GnNRt9HRZRk/UQPeZcJ0xgI/AAAAAAAAFD0/1CgzxX5Em5k/s910/slider-1.jpg' title='#sliderCaption1'/>
    <img src='https://lh5.googleusercontent.com/-LuJQsjtzFkY/UQPeZ0aCj0I/AAAAAAAAFD4/bo_zaXRkFX8/s910/slider-2.jpg' title='#sliderCaption2'/>
    <img src='https://lh3.googleusercontent.com/-2zkFaQyJ1es/UQPeZw-AEJI/AAAAAAAAFD8/5K1wvbSnLng/s910/slider-3.jpg' title='#sliderCaption3'/>
    </div>
    <div class='nivo-html-caption' id='sliderCaption1'>
    <div class='title'><a href='#'>Consectetur</a></div>
    Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusm</div>
    <div class='nivo-html-caption' id='sliderCaption2'>
    <div class='title'><a href='#'>Ipsum</a></div>
    Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusm</div>
    <div class='nivo-html-caption' id='sliderCaption3'></div>

    YanıtlaSil
  43. Hocam Güzel Tasarımlar Sizin Sayenizde 2 Blogumuda Uyguladım Uyguladıklarım 2 ile 5 Teşekkürler

    YanıtlaSil
  44. http://ordadunyakapisi.blogspot.com/
    3. temayı kullanıyorum manşet slider kısmını acaba nasıl düzenleyebilirim?ve gördüğünüz gibi blogda kaymalar var acaba nasıl düzeltilir?teşekkürler.

    YanıtlaSil
  45. yukarda anlatmışsınız aslında ama jpg uzantılı yere resmi köydum bu sefer alttaki slider yapma kısmı tuşlar kayboldu ve resmin nereye yönlendireceğini nasıl ayarlayacağız?teşekkürler.

    YanıtlaSil
  46. Hocam Bende Bu Hatayı Veriyor "Maalesef isteğinizi yerine getiremiyoruz.
    Bu hatayı Blogger Destek veya Blogger Yardım Grubu'na bildirirken lütfen:
    Bu hatayla karşılaştığınız sırada ne yaptığınızı açıklayın.
    Aşağıdaki hata kodunu verin.
    bX-4yu8bp
    Bu bilgiler sorununuzu tespit etmemize ve düzeltmemize yardımcı olacak! Bu durumdan dolayı özür dileriz.
    Kapat"
    Bende Bu HATAYI VERİYOR

    YanıtlaSil
  47. @Saglam Hack
    Geçici bir sorun olması gerek. Tarayıcınızın çerezlerini temizleyip temayı yüklemeyi tekrar deneyin isterseniz.

    YanıtlaSil
  48. Serdar bey merhaba

    2.temanız için;
    https://lh5.googleusercontent.com/-GnNRt9HRZRk/UQPeZcJ0xgI/AAAAAAAAFD0/1CgzxX5Em5k/s910/slider bu kodu değiştirebilmem için nasıl foto olmalı. Picassaveb den koyuyorum kabul etmiyor.

    YanıtlaSil
  49. CherryTrufle temasını indirdim, diğer yazılarınızı ve videonuzu takip ederek blogu hazırladım hatta yatay linkleri bile ayarladım, içlerini doldurdum, değişiklikler yaptım ancak blog yazılarının olduğu açık renkli bölümün sol üstünde iki yerde undefined yazısı çıkıyor. Onu nereden sileceğimi sitenizde bir türlü bulamadım. Bunları nasıl silebilirim acaba?

    YanıtlaSil
  50. SerDar Kardeşim Mrhb 5. Tema Çok Güzel Olmuş Ellerine Sağlık Twitter Takip Butonu Ekleyecem Ama Düzeneleyicilerde header i bulamadım...bu arada en üstüne bi resim nasıl koyabilirim bloğumu anlatabilecek yol gösterirsen şablonlu sevinirim emeğine sağlık

    YanıtlaSil
  51. Kaynaklar için Teşekkürler Serdar bey.Birinci tema gayet işime yaradı.

    YanıtlaSil
  52. merhaba hocam çok güzel ama nasıl yapacagımı bilmiyorum kodları oldugu gibi html yemi yapıştırayım ?

    YanıtlaSil
  53. @film tik
    Şurada anlattığım gibi yapabilirsiniz http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html

    YanıtlaSil
  54. Merhaba.
    Öncelikle bu güzel paylaşımınız için size teşekkür ederim.
    9. temayı beğendim ve kullanıyorum. Sağ tarafta yer alan menü başlıklarını "labels", "popular posts" gibi bunları Türkçeleştiriyorum fakat mesela "labels" yerine "Etiketler" yazdığım zaman "etiketler" olarak gözüküyor. Yani ilk harfi yine küçük olarak başlıyor. Bunu nasıl düzeltebilirim?
    Teşekkürler, iyi çalışmalar.

    YanıtlaSil
  55. @Emre KAPLAN
    Merhaba,
    İlgili css kodlarında şöyle bir komut olması gerekiyor:
    text-transform: lowercase

    Bunu silerseniz düzelir yani büyük harf yazdıklarınız büyük, küçük harf yazdıklarınız küçük çıkar.

    YanıtlaSil
  56. serdar bey merhaba WebDesign Blogger Template temasındaki kayan resimleri nasıl deişrirebilirim yardomcı olursanız cok sevinirim

    YanıtlaSil
    Yanıtlar
    1. <div class='nivoSlider' id='slider'>
      <img alt='slider' src='https://lh5.googleusercontent.com/-GnNRt9HRZRk/UQPeZcJ0xgI/AAAAAAAAFD0/1CgzxX5Em5k/s910/slider-1.jpg' title='#sliderCaption1'/>
      <img alt='slider' src='https://lh5.googleusercontent.com/-LuJQsjtzFkY/UQPeZ0aCj0I/AAAAAAAAFD4/bo_zaXRkFX8/s910/slider-2.jpg' title='#sliderCaption2'/>
      <img alt='slider' src='https://lh3.googleusercontent.com/-2zkFaQyJ1es/UQPeZw-AEJI/AAAAAAAAFD8/5K1wvbSnLng/s910/slider-3.jpg' title='#sliderCaption3'/>
      </div>

      Kodlarda bu bölümden değiştirebilirsiniz.

      Sil

Picardes

LİNKLER