Tüm Ayarlarıyla Bubsy Blogger Teması

Wordpress’ten Blogger’a BloggerReflex tarafından çevrilen Busby Blogger Teması, şık ve profesyonel görnümüyle dikkatimi çekti ve burada paylaşmak istedim.Denemek için test bloguma yüklediğimde Bloggr Şablon Tasarımcısı ile uyumlu olduğunu gördüğümde bu tema benim için daha değerli hale geldi.Bunun gibi Blogger Şablon Tasarımcısı ile uyumlu tema bulmak çok kolay olmuyor.

 

Busby Blogger Teması

        Demo  Download

 

Temanın görünümü Blogger Şablon Tasarımcısından istediğiniz gibi değiştirebileceğinizi hatırlattıktan sonra kodlarda düzenlemeniz yerlere geçiyorum.

 

Twitter, RSS, Facebook Butonları

Sağ üst tarafta, blog başlığının yaında bulunan Twitter, RSS ve Facebook butonlarını düzenlemek için aşağıdaki kodları bulun ve # yerine kendi Twitter, RSS ve  Facebook adreslerinizi yazın.

 

<ul id='social'>
        <li class='twitter'><a href='#'>Twitter</a></li>
        <li class='rss'><a href='#'>RSS</a></li>
        <li class='facebook'><a href='#'>Facebook</a></li>
    </ul>

ss

 

Manşet

Manşette slayt olarak gösterilen resimleri ve başlıkları düzenlemek için aşağıdaki kodları bulun.Kodlarda ki # yerine açılmasını istediğiniz sayfanın adresini, Post Title yerine açılacak sayfanın başlığını, http://……jpg yerine ise gösterilecek resmin adresini yazın.

 

<ul>               
            <li><h2><a href='#'>Post Title</a></h2> <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMyIWXcFq3v_y7fyWZA-V5IrJYnNnWrbx8HXAul8Z4k-EsjVZVZLpdlNPwOX_kK1_M6jy3XUVMTFL-Ypya5jbftePXIS1R8xH2TZLpXEWJHARnr4Z_u22HRZPvXTNoA6XpNLUnYbvSX7U/s1600/spray-paint.jpg'/></a></li>
            <li><h2><a href='#'>Post Title 1</a></h2> <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQw2Zh6mkMiKUtSxmd-o2rHTyP-A4QubQgSMJ3jAhtluJ5aQx3zSxTvk6NbZAM919WB67ncuPEQa_uzq_xBBtxmUVkg4vLBjtSvHAzEGHA09w7qUhVLpAiwZos4IQ8ti-18_ZoxFE2aI/s1600/south-bank-graffiti.jpg'/></a></li>
            <li><h2><a href='#'>Post Title 2</a></h2> <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3qzdJTkdlIeBEo8JFTbR0SlQDyabKvoBuYJf9aoT27o726D74N9qriusGaZzHZef2Izh3XaOt-5g0J-PHshHj9Op3cns6JNPtL0ft0tnbC6ti1H-IllMaVAwoS7JytaqckZAU32kn1cY/s1600/skater.jpg'/></a></li>       
        </ul>

 

Tarih

Temayı yüklediğinizde büyük ihtimalle yazı başlıklarınınn yanında tarih gözükmesi gerekirken undefined gibi bir şey yazacaktır.Bunu düzeltmek için yapmanız gereken ayarlar şöyle:

 

1. Kumanda Paneline giriş yaptıktan sonra Ayarlar > Biçimlendirme > Tarih Başlığı Biçimini > Cuma, Şubat 10, 2012 olarak ayarlayın.

 

2. Yine aynı yerdeki Tarih Damgası Biçimini > Cuma, Şubat 10, 2012 olarak ayrlayarak kaydedin.

 

Yapılması gereken ayarlar bu kadar.Artık Busby teması kullanıma hazır.Her hangi bir sorun yaşrsanız yorum bölümünden iletebilirsiniz.

75 yorum:

  1. Hocam bloguma uygulasam mı diye düşündüğüm tek tema ama şablona uyguladığım o kadar şey silinir diye de tırsmıyor değilim. Mesela blogumda soldaki o menü ve onun gibi şeyler bu temayı uygulasam gider mi? Birde sizin kişisel görüşünüz nedir? Sizce bloguma uygulamalı mıyım yoksa "yok fırat böyle güzel işte boşver" mi dersiniz :)

    YanıtlaSil
  2. Fırat ben de temayı çok beğendim, o yüzden burada paylaştım.Şuan kullandığın temayı ne kadar süredir kullanıyorsun?Ara sıra tema değiştirmek iyidir.

    Üzerinde emek harcadığın bir temayı değiştirme kararını vermek te çok kolay değildir.Tek sorun şuan kullandığın widgetları vs. kaybetmekse takma onları kafana ben yardımcı olurum.

    YanıtlaSil
  3. Çok güzel bir tema cidden ama bende değiştirmeye kıyamadım, Serdar başkan seni uzun zamandır takip ediyorum bütün yazılarını nerdeyse okudum, ve sana bende ilk kez birşey sorup isteyeceğim iznin olursa temamla ilgili, yardımcı olursan çok sevinirm. bana bi mail atarsan çok sevinirm burdan yazmayım. İyi bloglamalar, şimdiden teşekkürler (:

    YanıtlaSil
  4. @fıratyalncin bence sizin blogunuzdaki http://www.firatyalcin.com/ daki tema daha güzel böyle durması bence iyi olur :)

    YanıtlaSil
  5. @Bozkurt Görmez

    Mail adresinizi bilmediğim için size ulaşamıyorum.İletişim formunu kullanarak sorunuzu iletirseniz en kısa sürede cevaplamaya çalışırım.

    YanıtlaSil
  6. güzel bir tema altındaki siyah bölgeyi komple nasıl kaldırabilirim ?

    YanıtlaSil
  7. serdar bey bu logo yu istediğimiz boyutta şekilde nasıl yapabilirz ? taşıyor farklı boyutta olduğunda ?

    YanıtlaSil
  8. hocam bu bendeki temayı siteyi açtığım günden beri kullanıyorum, şablon tasarımcısından özelleştirdim sürekli. Ve şablonun içine bayağı bir katkıda bulundum. Hem bu yüzden hem de @ibrahimyüzer 'in de dediği gibi bir çok arkadaş değiştirme deyince vazgeçtim ama değiştirecek olsaydım bu temayı kaçırmazdım. Şimdilik şablon tasarımcısından arka planımı değiştirmeyi ve yeni bir logo için uğraşmayı düşünüyorum.

    Uğraşlarınız için teşekkürler, emeğinize sağlık.

    YanıtlaSil
  9. Bu Tür temalar Siteye + bişe sağlıyomuki

    YanıtlaSil
  10. hocam bende test bloguma temayı yüklemeyi denedim ama ne yaptıysam olmadı ve her seferinde şu uyarıyı aldım. "Tamamlandı: Maalesef içe aktarma işlemi bir sunucu hatası nedeniyle başarısız oldu. Hata kodu: bX-kyijnx" ne yapabilirim.

    YanıtlaSil
  11. @mutfak türk

    Temanın kodlarını copy+paste yaparak mı yüklediniz?

    YanıtlaSil
  12. ayarlardan XML dosyasını blogu içe aktar yöntemi ile yüklemeye çalıştım.

    YanıtlaSil
  13. hocam tamam copy+paste ile yaptım oldu. çok teşekkür ederim.

    YanıtlaSil
  14. Bende copy+paste ile yaptıysanız diğer yolla yapın diyecektim :)

    YanıtlaSil
  15. serdar bey logo boyutunu kendimize görre ayarlama şansımız yokmu acaba ? çok küçük bir boyut şansı eriyor tema

    YanıtlaSil
  16. Hayır büyük bir logo ekleyebilirsiniz.Yandaki twitter, rss ve facebook butonlarına kadar genişliğe izin veriyor.

    YanıtlaSil
  17. weriyor wermesinede aşağı doğru kayıyor logo şeklini bozuyor sütunların

    YanıtlaSil
  18. Siz yüksekliği mi söylüyorsunuz?Şu kodlarda koyu yazdığım değeri artırırsanız logo yükseliğini ayarlayabilirsiniz.

    #top {
    background:$(header.background.color);
    width:960px;
    height:115px;
    margin:0 auto;
    }

    YanıtlaSil
  19. işte bu .. oldu çok teşekkürler

    YanıtlaSil
  20. hocam merhaba. dün akşamdan beri bu temaya taktım ve uğraşıyorum. adsense reklamlarının yerleşiminde sorun çıkıyor. reklamların yerleşiminde hangi tercihi yaptıysam olmadı. yol gösterebileceğiniz bir püf noktası var mıdır.?

    YanıtlaSil
  21. undefided die bişey çıkıyor sarı top şekilde onu nasıl kaldırabilirz ?

    http://yabancidizi-rehberi.blogspot.com/

    YanıtlaSil
  22. Manset Kismi benim çok hosuma gitti. Çokta isime yaradi.. Güzel ve bilgili paylasim yapmissiniz.

    YanıtlaSil
  23. @mutfak türk

    AdSense reklamlarını eklemeyi denemediğim için temada bir problem olup olmadığını bilmiyorum.Nasıl bir sorunla karşılaşıyorsunuz?

    @hayatdevamediyorizle

    Yazının tamamını okuyun.

    YanıtlaSil
  24. adsense reklamlarını gadget olarak eklediğimde kendim yerleştirdiğim için sorun olmuyor. ancak html kodu olarak eklediğimde yerleştirmeyi adsense kendisi belirliyor ve abuk sabuk görüntüler oluşuyor.

    YanıtlaSil
  25. birde sayfalar menü çubuğu simsiyah duruyor arka plan rengini nasıl değiştireceğimi bulamadım. yardımcı olursanız sevinirim.

    YanıtlaSil
  26. test blogum www.turktest.blogspot.com bakabilirmisiniz.

    YanıtlaSil
  27. Sayfaların ve arama kutusunun bulunduğu şeritte arka lan olarak resim kullanılmış.İsterseniz başka bir arka plan resmi hazırlayıp şununla değiştirebilirsiniz:

    http://1.bp.blogspot.com/-K6KydzZlWIQ/TxXQE0zKTtI/AAAAAAAACrk/qAt1yqn4ZIc/s1600/busby-nav-bg.png

    YanıtlaSil
  28. teşekkürler hocam. sorularımla sizi bunaltıyor olabilirim ama samimiyetiniz cesaret veriyor. kolay gelsin.

    YanıtlaSil
  29. Rica ederim bunaltmak ne demek.Soru soran kişi samimi olup benim iyi niyetimi suistimal etmediği sürece ben de samimi olarak cevap veriyorum ve bunun ayrımını yapabilecek olgunluktayım.

    Test blogunuza baktım temada epey değişiklik yapmışsınız.Kolay gelsin.

    YanıtlaSil
  30. hocam yine ben. farkettiniz mi bilmiyorum ama bu tema gadget lerin yerini değiştirmeye izin vermiyor. sağ kenar da sadece en üste gadget eklemeye izin veriyor. mesela en son eklediğin gadgeti en alta alamıyorsun. veya ben beceremiyorum.

    YanıtlaSil
  31. @mutfak türk
    Siz söyleyince baktım, dediğiniz gibi sidebar'da gadgetların yerini değiştirmeye izin vermiyor.

    Çözüm: Tüm gadgetları silip, hangi istediğiniz sıraya göre tekrara eklemek sanırım :) Neden böyle olduğunu bende bilmiyorum.

    YanıtlaSil
  32. test blogumda olduğu için sorun yok. asıl blogumda kullanmaya karar verirsem öyle yapacağım. artık.
    kolay gelsin.

    YanıtlaSil
  33. merhaba,

    hem xml kodlarını kopyalayıp denedim, hem de şablonu yükleyerek denedim ama bir türlü olmadı. şöyle bir hata veriyor:
    "Ş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:
    Content is not allowed in prolog."

    yardımcı olabilirseniz sevinirim

    YanıtlaSil
  34. @oky
    Merhaba,
    Eski Blogger arayüzüne geçiş yapıp deneyin.Şimdi denedim sorun yok.

    YanıtlaSil
  35. @serdarkara

    çok teşekkür ederim ancak hiçbir şeye dokunmadan şablonu yüklemeye çalıştığımda yine aynı hatayı veriyor :(

    windows xp pro var bu bilgisayarda bundan olabilir mi :)

    YanıtlaSil
  36. İşletim sistemiyle ilgili bir durum olduğunu sanmıyorum.Dosyada da bir sorun yok.Tekrar deneyin diyeceğim.Yapabileceğim bir şey var mı bilmiyorum.

    YanıtlaSil
  37. Serdar bey sidebar yüksekliğini nasıl değiştirebilirim temalarda .. (internetten yüklenen)

    YanıtlaSil
  38. Hocam bu Çok geniş oldu nasıl daraltırım

    YanıtlaSil
  39. @Gökhan ALTUNDAL
    Koskoca tema tasarımı yapan biri bunu mu yapamayacak.

    YanıtlaSil
  40. Sizin temanız da olduğu gibi yazı içeriğine eklenen resimleri ana sayfada göstermiyor? Bunu nasıl sağlayabiliriz? Teşekkürler

    YanıtlaSil
  41. @Sercan Arat
    Otomatik devamını oku eklentisi ekledim.Şu yazıya bakın isterseniz: Blogger Resimli Otomatik " Devamını Oku " Eklentisi

    YanıtlaSil
  42. Merabalar hocam. ben bu temayı kendime uyarlamaya çalışıyorum fakat, yazıların üst kısmındaki slayt gösterisi alanında takıldım. Sorun şu ki o alanı kaldırmak istiyorum bir türlü istediğim olmadı. her şeyi kaldırsam bile bulunduğu boş alan hala duruyor. Yardımcı olursanız çok sevinirim..

    YanıtlaSil
  43. @akunsacan
    <div id='slider'> kodundan itibaren silmeniz gerekir.

    YanıtlaSil
  44. Oradan sonrasın sildim ama slayt sayfayını kaydıran ok ve boş alan durmaya devam ediyor hocam.

    Test sayfasında görüldüğü gibi
    http://akunsacan2.blogspot.com

    YanıtlaSil
  45. Bir üstteki div'i de silin o halde.

    YanıtlaSil
  46. in bittiği yerden

    [/body][/html] nin üzerinde kadar olan yeride temizledim fakat sorun düzelmedi. Sadece oklar kayboldu okadar.

    YanıtlaSil
  47. Hocam div leri tek tek sildim ama her seferinde hata verdi

    YanıtlaSil
  48. Kapanış div'lerini de silmelisiniz.

    YanıtlaSil
  49. Saatlerdir silmediğim div kalmadı ama olmuyor :) neyse teşekkür ederim olmayacak sanırım.

    YanıtlaSil
  50. Merhaba
    Temayı yükledikten sonra "yerleşim" bölümünden herhangi bir düzenleme yapamıyorum, hata oluştu diyor. Önizleme yaptığımda da şu uyarıyı veriyor: "Şablon başka bir yerde güncellenmiş. Lütfen orijinal sayfayı yeniden yükleyip tekrar deneyin.

    Error 500"

    Yardımcı olabilir misiniz?

    YanıtlaSil
  51. Merhaba Serdar Bey; Nasılsınız ?
    Tema ararken güvenebileceğim bir site ve tema olmasını düşünerek arayışa girdim.Çoktandır düşündüğüm bir konuydu.Sizin gibi değerli bir arkadaşın blogunda neden olmasın dedim ve araştırdım.Hakikaten Busby temaya rasladım ve hoşuma gitti.Hemen kurmaya başladım.Tüm gadgetleri yok ettim.Yeniden kurmaya başladım.Yanlız bir problemle karşılaştım.
    İlk sorun ve önemli bu sorunu aşarsam herhalde devam edebileceğim.
    1.Gadget yapılandırmasından sonra “Düzenlemeyi Kaydet” butonuna tıkladığımızda kayıt işlemi gerçekleşmiyor.
    Tam blog yüklemesi ve temayıda yükledim.Sonuç hüsran.Ne yapılabilir ?Temada uygulamamız gereken bir konu varmı.
    Cevaplar için, şimdiden teşekkür ederim.

    YanıtlaSil
  52. Size link verim.
    http://adnanguney.blogspot.com/

    YanıtlaSil
  53. @Adnan Güney
    Merhaba,
    Ben bu temayı blogda paylaşmadan önce düzgün çalışıp çalışmadığını kontrol etmiştim ve hiç bir sorun yoktu.Hatta temayı buradan indirip kullanan kişilerin de olduğunu biliyorum.

    Şimdi siz böyle yazınca test bloguma tekrar yükledim ve ben de aynı sorunla karşılaştım.Ne olduysa Blogger yeni arayüze geçince olmuş ama nasıl çözebileceğimiz konusunda bir fikrim yok ne yazık ki.

    YanıtlaSil
  54. Hemen cevap için çok teşekkür ederim Serdar bey.Bildiğiniz güvenebileceğim bir tema önerebilirmisiniz.Yapı sizin blog gibi.Var benzer bloglar ama güvenemedim.2 sütun Renk siyah satı olabilir.Sildear olamsada olur.
    örnek :php tabanlı paylasbyirfan.com Halil beyin teması gibi.Benzeri.
    Teşekkürler. Blogu geri yükleme yapacağım.

    YanıtlaSil
  55. Teşekkür ederim inceleyeceğim

    YanıtlaSil
  56. çok iyi bir tema, kullanmayı düşünüyorum ama birşey soracağım. ana sayfadaki slayt manşet olayı güzel ama her post sayfasının da üstünde olması itici oluyor bence. salytın sadece ana sayfada görünmesi ama blog detay sayfalarında görünmemesinin bir yolu var mıdır?

    YanıtlaSil
  57. @Çetin Kuzu
    Elbette yapabilirsiniz. <div id='slider'> kodundan önce şunu ekleyin: <b:if cond='data:blog.url == data:blog.homepageUrl'>

    </div> kodundan sonra da şunu ekleyin: </b:if>

    YanıtlaSil
  58. ok çok teşekkürler :)

    YanıtlaSil
  59. temayla ilgili son bir sorum daha olacak. blogger yönetim panelinde "yerleşim" bölümünde bazı gadgetları silip ekledikten sonra sayfa yerleşimini kaydetmek isteyince aşağıdaki şekilde hata mesajı çıktı.

    "Bir hata oluştu. Lütfen sayfayı yenileyin ve tekrar deneyin."

    yani bi gadgetı diğerinin yerine taşıyıp kaydet diyemiyorum şu an. şablonu yeniden yüklesemde sorun düzelmedi. bu sorun nasıl çözülebilir bilginiz var mı?

    YanıtlaSil
  60. @Çetin Kuzu
    Ben bu temayı blogda paylaşmadan önce düzgün çalışıp çalışmadığını kontrol etmiştim ve hiç bir sorun yoktu.Hatta temayı buradan indirip kullanan kişilerin de olduğunu biliyorum.

    Şimdi siz böyle yazınca test bloguma tekrar yükledim ve ben de aynı sorunla karşılaştım.Ne olduysa Blogger yeni arayüze geçince olmuş ama nasıl çözebileceğimiz konusunda bir fikrim yok ne yazık ki.

    YanıtlaSil
  61. Temadaki sarı renkli yerler (özellikle tarihi içine alan daireler) beni çokrahatsız etti acaba onların reklerini değiştirme imkaanımız var mı?

    YanıtlaSil
  62. Hocam benim panel bozuldu sablon kismina geliyorum beyaz ekran cikiyor ne yaparsam yapayim duzelmedi napmak lazim

    YanıtlaSil
  63. Merhabalar Serdar Bey Bu Temayı Siteme Kurdum Fakat Size 1-2 Sorum Olacak Öncelikle Sitem : www.gameofstupid.blogspot.com Manşetteki İleri Geri Butonlarını Kaldırmak İstiyorum veya Yerine Yenilerini Koymak Hangisi Daha Uygunsa :) Manşetin Altındaki Siyah Şeride Yazı Yazıyorum Ancak Yazı Çıkmıyor Çıksa Bile Resim Değişince Yazı Değişmiyor Bunun Bir Çözümü Yoksa O Siyah Şeridi'de Kaldırmak İsterim Bu İşlerde Yeniyim Ama İyi Olmayı Hedefliyorum :) Yardımınızı Bekliyorum...

    YanıtlaSil
  64. @Cantürk Demir
    Manşetteki ikonlar css sprite kullanılarak tek bir imaj dosyasından çağırılıyor o dosya da şu:
    http://4.bp.blogspot.com/-56-4New3sZ0/TyeEX7b3doI/AAAAAAAACuI/Jo1pUT4VBkg/s1600/sprite.png

    Yenisiyle değiştirmek için orta derecede css bilmeniz gerekir açıkçası. Google'da ararsanız konuyla ilgili pek çok döküman bulabilirsiniz.

    Siyah şerit dediğiniz yer demodaki post title, post title 1 vs yazan yerlerse kodlara şu bölümden değiştirebilirsiniz:

    <ul>
    <li><h2><a href='#'>Post Title</a></h2>
    <a href='#'><img src='http://4.bp.blogspot.com/-gTXF2NJsyng/TyeCHOq-nqI/AAAAAAAACtk/uGrIGsOR330/s1600/spray-paint.jpg'/></a></li>
    <li><h2><a href='#'>Post Title 1</a></h2>
    <a href='#'><img src='http://1.bp.blogspot.com/-jHwzJ1etaAc/TyeCltG5CyI/AAAAAAAACtw/p34MtXb01qM/s1600/south-bank-graffiti.jpg'/></a></li>
    <li><h2><a href='#'>Post Title 2</a></h2>
    <a href='#'><img src='http://2.bp.blogspot.com/-PomyJfKPIVY/TyeCwo7mg2I/AAAAAAAACt8/6QQxbEDg4KE/s1600/skater.jpg'/></a></li>
    </ul>

    YanıtlaSil
  65. Çok Mu Çok Teşekkür Ederim Hocam Peki O İleri Geri Butonlarının Görünümünü Değiştirebilirmiyiz Bunada css Gerekirmi Eğer Değiştirebilirsek Sizden 1-2 Adette Skin Rica Edebilirmiyim

    YanıtlaSil
  66. CSS bilgisi ileri geri ikonları için gerekli zaten. Verdiğim png resme bkarsanız ikonların tek bir imaj dosyasında kullanıldığını görürsünüz. Bunun için css sprite tekniği gerekir.

    YanıtlaSil
  67. Hocam Birde O Bölümden Değiştirdim POST Title 1'in adını a koydum pt 2 nin adını b pt 3 un adınıta c koydum ama surekli a cıkıyor resim degisince mesela 1. resim a 2.resim b cıkmıyor asagıda eğer siyah şeriti kaldırmanın bir yolu var ise onuda rica edicem :)

    YanıtlaSil
  68. Siyah şeridi kaldırmanın mutlaka bir yolu vardır fakat temayı yükleyip kodları incelemeden söylemem çok zor.

    YanıtlaSil
  69. Şablon başka bir yerde güncellenmiş. Lütfen orijinal sayfayı yeniden yükleyip tekrar deneyin.

    Error 500

    hatasını düzeltmek için ne yapabilirim ?

    YanıtlaSil
  70. Hocam tema da herhangi bir sorun var mı? Bende şablon tasaramcısıyla uyumlu değil, birçok sorun var, örneğin yerleşim bölümünde iki tane "blog kayıtları" var.

    YanıtlaSil

Blogger tarafından desteklenmektedir.