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.
Ş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 & 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 “Free Willy”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’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.
Tema fena değilmiş. Sanırım bloglarımdan birinde kullanacağım. Teşekkürler Serdar.
YanıtlaSilsüper temaymış wordpressten bloggera uyarlanmış :)
YanıtlaSilhocam slayt resim facebooktaki resimleri slayt olarak koymayı istiyorum fakat yapamıyorum daha detaylı bilgi verirseniz sevinirim
YanıtlaSilTema çok güzel ama, o kadar emek verdiğini eski temayı değiştirmek te kolay değil :)
YanıtlaSil@EmRaH MeTe
YanıtlaSilYeşil renkte gözüken .jpg uzantılı resim URL'lerin yerine orada gözükmesini istediğiniz resimlerin URL'sini yazın.
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?
YanıtlaSilBir de blogger şablon tasarımcısına uygun olan temalar paylaşan bir site var mı?
ul class='children Bunu Nasıl Kaldırabilirim
YanıtlaSiltema gerçekten kullanışlı.Yeni değişiklik yapmasaydım deneyebilirdim
YanıtlaSildundern berı sablonu uygulamaya calısıyorum ama sureklı hata verıyor ne yazık ki hata kodu bX-t5fach
YanıtlaSilne yapmamı onerırsınız? blogger kullanıyorum
@Serap Tan
YanıtlaSilSanırım kodları copy+paste yaparak şablonu yüklemeye çalışıyorsunuz.Şurada anlattığım şekilde yüklemeyi deneyin.
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ıtlaSilArkaplanda resim kullanılmış.Resmi kaldırmak için şu bölümü bulup silin
YanıtlaSilurl(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.
hocam bu defa da ilk mavi ve gri alan olduğu gibi duruyor sadece en alt tarafı değiştirdi :(
YanıtlaSilslide 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
Temanın her yerinde olduğu gibi headerda da resim kullanılmış.O bölümdeki resmin kodu da şu
YanıtlaSil.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
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ıtlaSilHocam news&updates bolumundeki yazıların resimlerinin boyutlarını nasıl büyültebilirim ?
YanıtlaSilHocam, 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?
YanıtlaSil1. 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
@Gezi Paylaşım
YanıtlaSilŞö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>
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ıtlaSilHakkı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.
YanıtlaSilHata vermesinin nedeni fazladan bir karakter silmeniz ya da eksik bırakmanız.Tekrar kontrol ederseniz hatayı bulabilirsiniz.
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@testkitabi
YanıtlaSilDemosunda gördüğünüz gibi footerda sadece copyright bilgisi var.Gadget ekleme seçeneği yok.
güzel tema arşivimi aldım teşekkürler hocam
YanıtlaSilBlogumda kullanmaya başladım. Tekrar teşekkürler.
YanıtlaSilÇok teşekkür ediyorum, sayenizde epey yol aldım..
YanıtlaSilİ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,
@Gezi Paylaşım
YanıtlaSil1. 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.
Abi İndirilmiyo dosya engellenmiş galiba ebi el atarmısın rica etsem
YanıtlaSil@Haylaz
YanıtlaSilEngelleme veya başka bir sorun yok.İndiriliyor.
Güzel tema fakat editlenirse daha güzel olabilir tşkler
YanıtlaSilŞ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@"YazanParmaklar"
YanıtlaSilBaşka bir şeyle karıştırdınız galiba.Winrar'la falan bir işiniz yok.Direk xml dosyası iniyor.
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?
YanıtlaSilhttp://www.lezizyemektarifi.blogspot.com/
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ıtlaSilwarez 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@Kitapkolik.Net
YanıtlaSilYanlış 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.
bilemiyorum ama bana mantıklı gelmiyor ücretsiz paylasması.haklı olabilirsiniz ama...
YanıtlaSilyapımcının sitesinde göremedim ben. link vermeniz mumkun mu rica etsem...
Bu temanın orjinali yani wordpress versiyonu, bu ise Blogger versiyonuna çeviren ekibin sitesi.
YanıtlaSilorjinal 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Ö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ü.
YanıtlaSilBu wareze girer mi bilmiyorum ama öyle olduğunu bilsem paylaşmazdım.
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ıtlaSilYo 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ı.
YanıtlaSilDediğ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.
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ıtlaSilbu tema çok güzel kendi bloguma uyguladım çok teşekkürler :) ziyaret için: http://zihinengellilerogrtmenligi.blogspot.com/
YanıtlaSilÖncelikle tema için teşekkürler.Birkaç sorum olacak.Cevaplandığında tüm arkadaşlara ve bana çok faydalı olacağını umuyorum.
YanıtlaSil-Ü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.
@supraa
YanıtlaSil1. 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.
Demek istediğim şu:
YanıtlaSil1. 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?
Örnek olarak şu kodu vereyim:
YanıtlaSil<a href='#'>Home</a>
Burada # yerine Home yazısına tıklandığında açılmasını istediği linki yazacaksın.
Hocam çok sağol 2 gündür uğraşıyordum şununla :D
YanıtlaSilgadget a adsense ekliyorum fakat görünmüyor.ne yapmam gerekir
YanıtlaSilInternet explorer de ana sayfadaki resim slaytı açılmıyor..Yardımcı olursanız sevinirim.
YanıtlaSil@BY_İDDAA
YanıtlaSilInternet Explorer'da bu blogu bile doğru görüntüleyemezsiniz.Size tavsiyem daha modern tarayıcılar kullanmanız.
HOCAM BEN BİR TÜRLÜ SLAYT KISMINI DÜZENLEYEMEDİM.
YanıtlaSillink ve fotağrafı nasıl ekleyeceğiz yardımcı olurmusunuz
serdar bey slayt manşeti düzenleyemedim :(
YanıtlaSillink ve yazıyı düzelttim ama resimleri değişemedim
YanıtlaSillütfen slayta nasıl foto ekleyeceğimi biri söylesin
YanıtlaSilyazıların etiketini gizlemek istiyorum hocam bununla alakalı yardımcı olursanız memnun olurum
YanıtlaSilben kullanıyorum örnek isteyenler bakabilir.
YanıtlaSilserdar hocama ayrıca teşekkürlerimi sunuyorum
http://parakazanayim.blogspot.com/
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.
YanıtlaSilCTRL+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...
Bu yorum yazar tarafından silindi.
YanıtlaSil@miraç Itik
YanıtlaSil<div id='featured' ile başlayan bölümü silmelisiniz.
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?
YanıtlaSil<<<<https://bebekanasi.blogspot.com.tr/<<<<
Tecrübeli arkadaşlar bloğuma bakıp eksiklerimi söyler misiniz