Bloom Magazin Teması

Uzun zamandır Blogger teması paylaşmıyordum.Sebebi takip ettiğim tema sitelerinde hep benzer temaların olmasıydı.Farklı olanları da ya beğenmiyordum ya da bir yerinde eksik görüyordum.Nihayet paylaşmaya değer güzel bir temaya rastladım.İsmi Bloom.

 

Özellikleri

  • Şık arama kutusu.
  • Header’da iki kademeli açılır yatay menü.
  • Slayt manşet alanı.
  • Sabit manşet alanı.
  • İki sütunlu kayıt alanı.
  • Numaralı sayfa navigasyonu.
  • Resimli otomatik devamını oku eklentisi.

 

Bloom Magazin Teması

           

 

Şimdi de düzenlemeniz gereken yerlerden bahsedeyim:

 

1. Kademe Yatay Menü: Açık renk zemin üzerine olan açılır yatay menüyü kendinize göre düzenlemek için şablonun HTML kodlarında şu bölümü bulun:

 

<ul class='wpn_menu' id='menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Get in Touch</a></li>
<li><a href='#'>HTML Elements!</a>
<ul class='children'>
<li><a href='#'>Headings</a></li>
<li><a href='#'>List Fun</a></li>
<li><a href='#'>Blockquotes!</a></li>
</ul>
</li>
<li><a href='#'>Page Templates</a>
<ul class='children'>
<li><a href='#'>Links &amp; Bookmarks</a></li>
<li><a href='#'>Lost? View Sitemap</a></li>
<li><a href='#'>No Sidebars</a></li>
</ul>
</li>
</ul>

 

Burada dikkat etmeniz gereken şey ul class='children' ile /ul arasındaki bölümün açılır menünün açılan kısmına ait olduğudur.

 

2. Kademe Yatay Menü: Hemen altındaki kinci yatay menüyü düzenlemek için de şu kodları bulun:

 

<ul class='wpn_submenu' id='submenu'>
<li><a href='#'>Culture + Celebrity</a></li>
<li><a href='#'>Fashion + Beauty</a></li>
<li><a href='#'>Food + Health</a></li>
<li><a href='#'>Travel + Nature</a>
<ul class='children'>
<li><a href='#'>Dropdown Flyout</a>
<ul class='children'>
<li><a href='#'>Child 2nd Level</a>
<ul class='children'>
<li><a href='#'>Child 3rd Level</a>
<ul class='children'>
<li><a href='#'>Child Item #1</a></li>
<li><a href='#'>Child Item #2</a></li>
<li><a href='#'>Child Item #3</a>
</li></ul></li></ul></li>
</ul>
</li>
<li><a href='#'>Dropdown Item</a>
</li></ul>
</li>
</ul>

 

Burada da her ul class='children' komutu yeni bir alt link oluşturmanızı sağlar.

 

Slayt Manşet: Menülerin hemen altındaki slayt manşeti düzenlemek için şu kodları bulun:

 

<div class='imageElement'><h2>Was &#8220;Free Willy&#8221;Better Off in Captivity?</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYdQ8KSZmGdQY39c_gWlf8jD9XQCyfdpLJ2xVxf752ffxVN8IvSXWeNkzjhGE9haELAanOqIun48Mho4VMEz6vBwLH3WGp28VB4nS7GtKCUnYzq-QAweYCWf9GC7lijFt09_mcbn12tpd/s586/free-willy.jpg'/>
<img class='thumbnail'/></div>

<div class='imageElement'><h2>One for Mom,One for Mother Earth</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyzpCcjSExIgvlNcZvnKtQoC63nUmHUmunEScgWa14RHtCzOMfzfAOctO2iyBuQvTJOvvJgfcaSNt1Fj_y50mJWh6oRAgPNYqTDXXXrixwIldLqlTwGvNmJ-axtAHWHWCZHsT2vCoVK3bu/s586/earth.jpg'/>
<img class='thumbnail'/></div>

<div class='imageElement'><h2>Power Station Takes an Axe to Santa&#8217;s Workshop</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Y59EuvStwstMxrdFHd_BsI74tt2sfsa3yqdTUUYgOkeq09QEYvb3M9DSAtYlvlpuMYzxJ4d4VHRPyHpZ0A7UbybFJRqiKugDT6PNvwN_VdgwnLoAFJDubfJoyzrRee385dVUWg1ZzKhX/s586/santas.jpg'/>
<img class='thumbnail'/></div>

<div class='imageElement'><h2>Ben Southall Wins Spot as Island Caretaker</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZ8gtDbrjwd5GQuK_BmGgLKZkYyHcYjLKeFnMU8OIyLFSvgbLaKJmjB1vT5Ne6PJClhWB5hq7ZG5tEQPV0lHPd6vs4z6BWfLJa2aA5lxiwRE9eLSPACdNMlib2beOWimgG4ClyZHXeypP/s586/island.jpg'/>
<img class='thumbnail'/></div>

<div class='imageElement'><h2>Australia Seeks $18 Million for Moreton Island</h2><p/>
<a class='open' href='#' title='Read More'/>
<img class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlas-OgjrfbX6-wEoKaiwQLXqx_P0rkrFt3DIVAoxt3c6gY7e-eBCHqcxqvAK6QWaUhiVwblnkqdPrecBtBcvv932z5EVW6jRSghDKC1DlDzzK2dGvau1qxRSQ0QiVpnCF1i00sd4eyqOg/s586/australia.jpg'/>
<img class='thumbnail'/></div>

 

Burada gösterilecek resimleri, o resme ait başlıkları ve resme tıklayınca açılmasını istediğiniz sayfaları belirleyeceksiniz.

 

Sabit 3’lü Manşet: Slaytın hemen altında yan yana 3 adet manşet daha var.Bunları düzenlemek için sayfa öğelerine (yerleşim) gidip Highlight1, 2 ve 3 isimli gadgetları düzenle deyin ve gösterilecek resmi, yazıyı ve linki oradan değiştirin.

61 yorum:

  1. Tema fena değilmiş. Sanırım bloglarımdan birinde kullanacağım. Teşekkürler Serdar.

    YanıtlaSil
  2. süper temaymış wordpressten bloggera uyarlanmış :)

    YanıtlaSil
  3. hocam slayt resim facebooktaki resimleri slayt olarak koymayı istiyorum fakat yapamıyorum daha detaylı bilgi verirseniz sevinirim

    YanıtlaSil
  4. Tema çok güzel ama, o kadar emek verdiğini eski temayı değiştirmek te kolay değil :)

    YanıtlaSil
  5. @EmRaH MeTe
    Yeşil renkte gözüken .jpg uzantılı resim URL'lerin yerine orada gözükmesini istediğiniz resimlerin URL'sini yazın.

    YanıtlaSil
  6. Bu temada çerçeve ile konuları ayırmak şart. Yazılar kenara çok yakın ve yazı boyutu küçük geldi bana bunu nasıl düzeltebiliriz?
    Bir de blogger şablon tasarımcısına uygun olan temalar paylaşan bir site var mı?

    YanıtlaSil
  7. ul class='children Bunu Nasıl Kaldırabilirim

    YanıtlaSil
  8. tema gerçekten kullanışlı.Yeni değişiklik yapmasaydım deneyebilirdim

    YanıtlaSil
  9. dundern berı sablonu uygulamaya calısıyorum ama sureklı hata verıyor ne yazık ki hata kodu bX-t5fach
    ne yapmamı onerırsınız? blogger kullanıyorum

    YanıtlaSil
  10. @Serap Tan
    Sanırım kodları copy+paste yaparak şablonu yüklemeye çalışıyorsunuz.Şurada anlattığım şekilde yüklemeyi deneyin.

    YanıtlaSil
  11. hocam çok teşekkürler peki arka planın rengini değiştirmek için ne yapmam lazım son olarak slidelara eklediğim linkler bloga uyguladığımda normal boyuttan cok daha buyuk gorunuyor bunu nasıl duzeltebılırm? şimdiden cok teşekkürler

    YanıtlaSil
  12. Arkaplanda resim kullanılmış.Resmi kaldırmak için şu bölümü bulup silin

    url(https://lh4.googleusercontent.com/-V4a_DijeS2M/T7S1h5sZhfI/AAAAAAAAASY/YoylrCKP3ww/s100/bg.gif) repeat scroll center top

    Sildikten sonra bu satırın sonundaki #797C7 yazan yere istediğiniz renk kodunu yazın, arkaplan o renk olacaktır.

    Slider ile ilgili sorunuzu anlamadım, kusura bakmayın.

    YanıtlaSil
  13. hocam bu defa da ilk mavi ve gri alan olduğu gibi duruyor sadece en alt tarafı değiştirdi :(
    slide ile ilgili olarak da; hani http: kodu veriyoruz ya; o linki verdiğimizde blog uyguamasında boyut cok buyuk sıgmıyor slideın ıcıne onu kastetmiştim

    YanıtlaSil
  14. Temanın her yerinde olduğu gibi headerda da resim kullanılmış.O bölümdeki resmin kodu da şu

    .wpn_topbg {
    background: url(https://lh5.googleusercontent.com/-AXXuTmY6Lyw/T7S1oL1rwZI/AAAAAAAAAT4/l2kLOeVdY9Y/s1600/header.gif)

    Slaytta gözüken kısım http kısmı olmayacak ama.h2 tagleri arasındaki yazı orda gözükecek, http ile verdiğiniz link ise o yazıya tıklayınca açılacak sayfanın linki

    YanıtlaSil
  15. hersey ıcın tesekkurler yeni blog tasarımım ıcın oldukca faydalı oldu bu bılgıler:) yardımlarınızın sonucunu merak ederseniz ; http://fashionillusionist.blogspot.com/

    YanıtlaSil
  16. Hocam news&updates bolumundeki yazıların resimlerinin boyutlarını nasıl büyültebilirim ?

    YanıtlaSil
  17. Hocam, maalesef konuya fazlası ile yabancı olmamdan ötürü şablonu yükleme aşamasını filan kazasız atlattım sayenizde:) fakat şu noktaya açıklık getirebilir misiniz rica etsem?
    1. ve 2. kademe yatay menülerde istediğim adları örneğin anasayfa hakkımızda vs. ul class='children' kısmının arasındaki bilgileri silerek mi yazacağım?
    teşekkürler,
    Işıl

    YanıtlaSil
  18. @Gezi Paylaşım
    Şöyle kendimden örnek vereyim. Hakkımda isimli sayfama menüde yer vermek için kodu şu şekilde değiştirmem gerek:

    <li><a href='http://bloghocam.blogspot.com/p/hakkmda.html'>Hakkımda</a></li>

    Veya menüye Serdar öğesini ekleyip Serdar yazısına tıklandığında serdar etiketli yazıların gelmesi için:

    <li><a href='http://bloghocam.blogspot.com/search/label/Serdar'>Serdar</a></li>

    YanıtlaSil
  19. Hocam, hakkımda kısmını ekledim, fakat tıkladığımda bu sayfa boş uyarısı vermekte. Ayrıca 2.anlattığınız serdar öğesi kısmını da ilave ettim fakat bX-paz57r diye bir hata kodu aldım yardımınızı rica ederim.

    YanıtlaSil
  20. Hakkımda yazısına link vermeden önce hakkımda isimli bir statik sayfa oluşturmalısınız.Oluşturduğunuz bu sayfanın linkini benim örnekte verdiğim hakkımda sayfasının linkiyle değiştirin.

    Hata vermesinin nedeni fazladan bir karakter silmeniz ya da eksik bırakmanız.Tekrar kontrol ederseniz hatayı bulabilirsiniz.

    YanıtlaSil
  21. gerçekten güzel bir tema. teşekkür ederim.ancak bir sorum olacak.birçok temada footer kısmı bulunmuyor.bunda var mı acaba?

    YanıtlaSil
  22. @testkitabi
    Demosunda gördüğünüz gibi footerda sadece copyright bilgisi var.Gadget ekleme seçeneği yok.

    YanıtlaSil
  23. güzel tema arşivimi aldım teşekkürler hocam

    YanıtlaSil
  24. Blogumda kullanmaya başladım. Tekrar teşekkürler.

    YanıtlaSil
  25. Çok teşekkür ediyorum, sayenizde epey yol aldım..
    İki sorum olacak
    1- Ben slayt ayarlarını yaptım ama bilgisayarımda görüntüleyemedim, acaba bir program mı yüklemeliydim çünkü iphonedan baktığımda slaytı görebiliyorum?
    2- Footera ekleme yapmak istiyorum fakat aramama rağmen bir türlü div class= post-footer gibi birşey bulamıyorum. Bu temada farklı adı olabilir mi?

    teşekkürler,

    YanıtlaSil
  26. @Gezi Paylaşım
    1. Hayır slaytı görüntülemek bir programa ihtiyacınız yok.Örneğin ben blogunuzu ziyaret ettiğimde slaytı görebiliyorum.Kullandığınız tarayıcıdan olabilir.Firefox veya Chrome ile ziyaret etmeyi deneyin zira Explorer bazı modern uygulamaları çalıştırmıyor.

    2. Şablonda <div class='post-footer'> kodu var ancak widget şablonlarını genişlet kutucuğuna tıklamadan arama yaptıysanız bulmaz.

    YanıtlaSil
  27. Abi İndirilmiyo dosya engellenmiş galiba ebi el atarmısın rica etsem

    YanıtlaSil
  28. @Haylaz
    Engelleme veya başka bir sorun yok.İndiriliyor.

    YanıtlaSil
  29. Güzel tema fakat editlenirse daha güzel olabilir tşkler

    YanıtlaSil
  30. Şablon hatalı oldugu ıcın ındırmıyor pc,de winrar kurulu oldugu halde dosya tanımlanamadı diyor hocam bı ılgılensenız

    YanıtlaSil
  31. @"YazanParmaklar"
    Başka bir şeyle karıştırdınız galiba.Winrar'la falan bir işiniz yok.Direk xml dosyası iniyor.

    YanıtlaSil
  32. Hocam temayı denedim güzel de oldu. Tek sorunum ana sayfadaki yazıların altındaki "read more" yazan yeri html de bulup değiştiremedim. Bi yardımcı olur musunuz?
    http://www.lezizyemektarifi.blogspot.com/

    YanıtlaSil
  33. hocam öncelikle bilgiler için teşekkürler...bir sorum var ...ben kodları kullanarak yazı stillerini değiştirmek istesem hangi kod/kodlarda nasıl bir değişiklik yapmalıyım

    YanıtlaSil
  34. warez tema maalesef. temanın yapımcısına saygısızlık oluyor böyle temaları paylaşmak. eminim biliyor olsaydınız paylaşmazdınız.

    YanıtlaSil
  35. @Kitapkolik.Net
    Yanlış var.Bu temanın Wordpress versiyonu ücretli satılıyor.Blogger'a çevrilen bu versiyonu ise çeviren kişi tarafından ücretsiz dağıtılıyor.

    YanıtlaSil
  36. bilemiyorum ama bana mantıklı gelmiyor ücretsiz paylasması.haklı olabilirsiniz ama...

    yapımcının sitesinde göremedim ben. link vermeniz mumkun mu rica etsem...

    YanıtlaSil
  37. Bu temanın orjinali yani wordpress versiyonu, bu ise Blogger versiyonuna çeviren ekibin sitesi.

    YanıtlaSil
  38. orjinal yapımcıyı biliyorum ben de ama blogger versiyonuna çeviren ve yayınlayan soratemplates ile wpnow aynı şahıslar mı? değillerse soratemplates izin almış mı wpnow dan. sonucta ücretli wordpress temayı blogger a çevirip dagıtmakta warez e girer.

    YanıtlaSil
  39. Öyle bir ihlal söz konusu olsa bu güne kadar bir işlem yapılırdı diye düşünüyorum.Yıllardır ücretli Wordpress temaları Blogger'a çevriliyor çünkü.

    Bu wareze girer mi bilmiyorum ama öyle olduğunu bilsem paylaşmazdım.

    YanıtlaSil
  40. yanlış anlaşılmak istemem hocam. sizi sucluyor falan değilim. bloom temasını zamanında satın alan biri olarak ilgimi cekti sadece. paylaşımınız ne yazık ki warez. yapımcının izni yok. wordpressten blogger a çevrilmesi bu gerçeği değiştirmez. kodlarda düzeltme yapılıyor sadece. template tamamen kopyalanıyor sonucta.

    YanıtlaSil
  41. Yo yanlış anlamıyorum.Blogger teması kodlayan biri olarak şunu söyleyeyim Blogger ile Wordpress'in kod yapısı çok farklı.Ama siz de haklısınız.Para ödediğiniz bir temanın ücretsiz dağıtılması can sıkıcı.

    Dediğim gibi warez nedir tam olarak bilmediğim için temanın yapımcısına mail göndereceğim.Gelecek cevaba göre kaldırabilirim.

    YanıtlaSil
  42. kod yapısı farklı olsa da sonucta template aynı hocam. emin olun tasarımı yapmak kodlama yapmaktan daha pahalı... piyasade binlerce ücretli php script var. hepsini asp ye cevirip satalım o zaman.kodlamaları farklı cunku.

    YanıtlaSil
  43. bu tema çok güzel kendi bloguma uyguladım çok teşekkürler :) ziyaret için: http://zihinengellilerogrtmenligi.blogspot.com/

    YanıtlaSil
  44. Öncelikle tema için teşekkürler.Birkaç sorum olacak.Cevaplandığında tüm arkadaşlara ve bana çok faydalı olacağını umuyorum.

    -Üst ve altsıra kategorilerde üzerine tıklandığında anasayfaya yönlendiriyor.İstediğim Sayfaya yönlendirmek için hangi kodu, nereye yazmam gerekiyor?

    -En üstteki yazının biçimini değiştirmek mümkün müdür?

    -Highlights , News & Updates yazılarını nasıl değiştirebilirim?

    -Bir yazının altında hızlı yorum çıkmıyor.Bir sayfaya aktarıyor oradan yorum yazılıyor.Bunu nasıl giderebilirim.

    YanıtlaSil
  45. @supraa
    1. ve 3. sorunun cevabı yazıda var zaten.En üstteki bloom yazı değil logo.Oraya kendi logonu koymalısın.Yorum kısmı ise senin ayarlarından dolayı gömülü değildir.Ayarlardan değiştirmelisin.

    YanıtlaSil
  46. Demek istediğim şu:
    1. ve 2. Kademe Yatay Menü tıklandığında herhangi bir sayfaya aktarmıyor.Bunlara nasıl yol gösterebilirim.Hangi kodu / linki nereye yazmam gerekli?

    YanıtlaSil
  47. Örnek olarak şu kodu vereyim:
    <a href='#'>Home</a>
    Burada # yerine Home yazısına tıklandığında açılmasını istediği linki yazacaksın.

    YanıtlaSil
  48. Hocam çok sağol 2 gündür uğraşıyordum şununla :D

    YanıtlaSil
  49. gadget a adsense ekliyorum fakat görünmüyor.ne yapmam gerekir

    YanıtlaSil
  50. Internet explorer de ana sayfadaki resim slaytı açılmıyor..Yardımcı olursanız sevinirim.

    YanıtlaSil
  51. @BY_İDDAA
    Internet Explorer'da bu blogu bile doğru görüntüleyemezsiniz.Size tavsiyem daha modern tarayıcılar kullanmanız.

    YanıtlaSil
  52. HOCAM BEN BİR TÜRLÜ SLAYT KISMINI DÜZENLEYEMEDİM.

    link ve fotağrafı nasıl ekleyeceğiz yardımcı olurmusunuz

    YanıtlaSil
  53. serdar bey slayt manşeti düzenleyemedim :(

    YanıtlaSil
  54. link ve yazıyı düzelttim ama resimleri değişemedim

    YanıtlaSil
  55. lütfen slayta nasıl foto ekleyeceğimi biri söylesin

    YanıtlaSil
  56. yazıların etiketini gizlemek istiyorum hocam bununla alakalı yardımcı olursanız memnun olurum

    YanıtlaSil
  57. ben kullanıyorum örnek isteyenler bakabilir.
    serdar hocama ayrıca teşekkürlerimi sunuyorum


    http://parakazanayim.blogspot.com/

    YanıtlaSil
  58. merhaba hocam blogger e yeni gectim wordpresden bana çok karısık geldi yemek bloğu acacağım bu tema cok hoşuma gitti ama arka plan renklerini nasıl duzenlıyeceğim.
    CTRL+F Yaparak renk kodu bulun diyorsanız ,yaptım ama bulamadım yardımcı olursanız çok sevinirim .birde katagori yazan yerlere resimli ıcon nasıl koyabilirim.
    Çok oldu ama blogger i bir turlu anlayamadım lütfen yardım.
    ücretli bir tema yaptırmak istemiyorum...

    YanıtlaSil
  59. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  60. @miraç Itik
    <div id='featured' ile başlayan bölümü silmelisiniz.

    YanıtlaSil
  61. Merhabalar bende bu temayı kullanıyorum. Bloggerlıkta daha çok yeniyim. Temada kategorilerin başına fa kodu ile ikon koymaya çalıştım ama yapamadım.. Yardımcı olur musunuz?

    <<<<https://bebekanasi.blogspot.com.tr/<<<<

    Tecrübeli arkadaşlar bloğuma bakıp eksiklerimi söyler misiniz

    YanıtlaSil

Blogger tarafından desteklenmektedir.