Curo Blogger Teması
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..
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQhsK_kwH2jh5OEq2Q3QD09leao26vlvwa616hWlt2sqM6wR1DW3uGJNp4gIs2oAmK-3EWpLFvhFzr7PAVYuBptsmi4e7BOTDKzK5CD2hWaGHTECpNCABgdqKkp5OJ4G187raAjrLgEKW/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('http://feedburner.google.com/fb/a/mailverify?uri=bloghocam', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == "") {this.value = "E-Mail adresinizi yazın...";}' onfocus='if (this.value == "E-Mail adresinizi yazın...") {this.value = "";}' 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>
’ı yazmaya başladım.Yazılarımı sürekl okumak
isterseniz Blog Hocam’ı
<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.
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ıtlaSilTema çok güzel hocam arşive ekledim :)
YanıtlaSilAncak 2.versiyonunu çıkarırsanız daha iyi olur gibime geliyor eksikleri var gibi :)
Beğendiğinize sevindim.Gördüğünüz eksikleri söylerseniz daha iyi hale getirebiliriz.
YanıtlaSilKı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Ö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ıtlaSilgüzel tema olmuş teşekkürler..
YanıtlaSilTemanın guzelliğinden kuşkumuz yok ama benim gibi telefondan ilgilenenler için test blogu acarsanız sevinirim
YanıtlaSilselam hakkımdaki bölümü editlemeye çalıştım
YanıtlaSilama senın resim gitmıyorum
bkz. http://hayalnet.blogspot.com/2011/12/windows-7-bilgisayar-dunyas.html
Kodlarda Yazar Hakkında satırını aratın ve bunun altındaki benimle ilgili bilgleri değiştirin.
YanıtlaSildemo sayfası olsa güzel olurdu
YanıtlaSilya yazının devamını okuyu nasıl kaldırabilirim
YanıtlaSilHocam 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?
YanıtlaSilTeşekkürler.
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.
YanıtlaSilTeşekkürler.
@mehmet
YanıtlaSil1. 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.
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ıtlaSilelinize sağlık hocam şu an blogumda kullanıyorum :)
YanıtlaSil@İ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ıtlaSilSağol abi tema çok güzel :)
YanıtlaSilellerine sağlık :)
hocam sidebarın ölçüleri nedir 300x250 formatına uygun mu
YanıtlaSilÖlçüleri hatırlamıyorum.Temanın yüklü olduğu bir blogum olmadığı için bakamıyorum da.
YanıtlaSildeğil ben denedim nasıl yaralayabilirim 300x250 ye
YanıtlaSilSidebar'ı 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ıtlaSileline emeğine sağlık teşekkürler
YanıtlaSilama bende bi sorun oldu ya bi bakarmısın nasıl düzeltebilirim ?
YanıtlaSilana 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/
@hayatdevamediyorizle
YanıtlaSil.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ış.
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ıtlaSilserdar 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ıtlaSilKı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ıtlaSilyaptım ama olmadı :S
YanıtlaSilhttp://ucurum-sonbolumizle.blogspot.com/
bi bakarmsınız
http://www.ucurum.in/
buna benzer bi renkte olamsını istiyorum
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ıtlaSilsize iletişimden bi msj attm cevabını buraya atarmsınız yada msn warmı acaba ?
YanıtlaSilhocam 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@EresboSS
YanıtlaSilAramadan önce Widget Şablonlarını Genişletkutucuğuna tıkladınız mı? Serdar Kara diye arayarak ta bulabilirsiniz.
serdar bey temanızdaki en üstteki kırmızı şeritle en alttaki kahverengi şeridi nasıl kaldırabilirim
YanıtlaSilKı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ıtlaSiltamam oldu..ilgi alakanız için teşekkür ederim
YanıtlaSilselam serdar bey son bi sorum daha olucaktı..
YanıtlaSilben 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
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ıtlaSilMerhaba Serdar Ustacığım
YanıtlaSilBende 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
Tekrar Merhaba Serdar Ustam
YanıtlaSilYukarı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
Serdar Hocam Tema da sayfanın en altında Önceki yazılar yazan yere Sayfa Sayılarını Nasıl Koyabilirim ?
YanıtlaSilMesela 1 2 3 4 5 ... Gibi.
Bu Blogda Var mesela
@AxiLaz
YanıtlaSilŞuraya bakabilirsiniz:
http://bloghocam.blogspot.com/2011/06/blogger-numaral-sayfa-navigasyonu.html
facebook twiiter ikonları gözükmüyor hocam bknz nasıl düzeltecegim http://bestofrott.blogspot.com/
YanıtlaSil@Yunus İncesu
YanıtlaSilİkonları tinypic sitesine yüklemiştim ama silinmiş. Siz yeni ikonlar bulup, linkleri eskisiyle değiştirin.
Hocam sayfanın sağındaki kare gibi tnypic yazıyor onları nasıl kjaldırırım http://blogdersvakti.blogspot.com/
YanıtlaSilhocam öncelikle iyi çalışmalar ben bloguma hiç bir şekilde tema yükleyemiyorum hep bana şu uyarıyı veriyor :Şablonunuzu kaydedemedik.
YanıtlaSilŞ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