Birkaç okuyucum Blogcu için nasıl şablon uyarlanacağı hakkında sorular sormuştu. Ben de biraz geç kalmış olmakla birlikte bir tasarımın nasıl Blogcu’ya uyarlanacağını basit birkaç adımla anlatmaya çalışacağım.
Öncelikle beğendiğiniz bir şablonu (bkz: Ücretsiz Site ve Blog Şablonları) bilgisayarınıza indirin ve beraber düzenlemeye başlayalım. Örnek teşkil etmesi bakımından ben de şöyle bir şablonu (buradan indirebilirsiniz) uyarlayacağım:
Bir şablonu 3 bölüm olarak ele alabiliriz; şablonun resim dosyaları, css kodları ve html kodları. Bunlara bir de yazılarımızın, kategorilerimizin, yorumlarımızın v.s. görünmesi için Blogcu’da tanımlanmış kodları ekleyebiliriz.
1. Resim Dosyaları
İlk olarak şablonumuzun resim dosyalarını bir sunucuya yüklememiz gerekiyor ki daha sonra css kodlarımızla bu resimleri çağıracağız. Yükleme işlemini dilerseniz Flickr, ImageShack gibi ücretsiz resim sunucularına yapabilirsiniz. Ancak daha sağlıklı olması bakımından Blogcu’nun sağladığı resim yükleme alanını kullanmanızı tavsiye ederim. Hemen belirteyim şablonda bulunan her resim dosyasını kullanmayacağız. Çünkü bazıları önizlemede kullanılıyor, bazıları da bizim için gereksiz. Örneğin benim düzenlediğim şablondaki resimler: banner.jpg, bgd.jpg, image.jpg, pyramid.gif, search-grey.gif. Ben bunlardan banner, bgd ve pyramid dosyalarını kullanacağım.
Resimleri bir suncuya aşağıdaki adreslerle yükledim:
- http://img478.imageshack.us/img478/8951/bannersz4.jpg
- http://img356.imageshack.us/img356/8810/bgdmp7.jpg
- http://img338.imageshack.us/img338/6189/pyramidoj8.gif
Bu adresleri bir yere kaydediyoruz. Az önce yazdığım üzere css kodlarında ihtiyacımız olacak.
2. HTML Kodları
Html kodları, css kodlarımızla bütünleşik çalışarak blogumuzda neyin nerede, hangi fonksiyonlarla olacağını göstermemize yarayacak.
Düzenlemeye başlamadan önce Blogcu Şablon Düzenleme bölümüne girin ve eski şablonunuza ait kodları bir yere kopyalayıp kaydedin.
Şablonumuzda “index” isimli ve “Html Document” olarak tanımlı bir dosyamız mevcut (varsayılan tarayıcınız Internet Explorer ise “e” logosuyla, Firefox ise Firefox logosuyla görebilirsiniz). Bu dosyayı açıyoruz ve sayfa üzerinde sağ tıklayarak “Kaynağı Görüntüle” veya “Sayfa Kaynağını Göster” diyoruz. Açılan notepad dosyasındaki kodların tamamını seçiyoruz ve bu kodları kopyalayıp şablon düzenleme bölümüne yapıştırıyoruz.
Önizlemeden bakarsanız yandaki gibi bir görünüm elde edeceksiniz.
3. CSS Kodları
Şablonumuzun asıl görüntüsüne kavuşması için css kodlarını kullanacağız. Css kodları şablon dosyanız içerisinde büyük bir ihtimalle “style” adı altında bulunur. Kodları notepad ile veya kodların görüntülenmesinde bir sorun yaşarsanız Notepad++ ile açabilirsiniz. Css kodlarımızın da tamamını seçiyor ve kopyala diyoruz. Az önce Blogcu şablon düzenleme bölümüne yapıştırdığımız html kodlarımızda </head> etiketinin hemen altına <style> ve </style> etiketlerini yazıyoruz. Kopyaladığımız css kodlarımızı da bu iki etiketin arasına yapıştırıyoruz. Yani:
….
</head>
<style>
css kodlarımız
</style>
….
şeklinde olacak.
Bu işlemin ardından tekrar önizleme yaparsanız şablonumuzun yavaş yavaş şekillendiğini ancak bazı eksiklerimizn de olduğunu göreceksiniz.
Şablonumuza ait resim dosyalarını bir sunucuya yüklemiştik ve adreslerini kaydetmiştik. Şimdi o resim dosyalarını kullanacağız. Şablona eklediğimiz css kodları arasında yukarıda 1. bölümde kalın harflerle yazdığım resim dosyalarını aratıyorum. Şablon düzenleme bölümünde CTRL+F tuşlarına basarak arama bölümüne resim dosyalarınızın orijinal isimlerini ve uzantılarını yazın. Bulunan kodları ki bunlar parantez içinde yazılıdır, resimleri yüklediğimiz adreslerle değişitriyoruz. Örneğin bgd.jpg şeklinde bir arama yaptım. Karşıma çıkan satır;
background: #2e2e2e url(images/bgd.jpg) center repeat-y;
Burada değiştireceğim kısım parantez içinin tamamı. Yani yukarıdaki
http://img356.imageshack.us/img356/8810/bgdmp7.jpg
adresimi parantez içine yapıştırıyorum. Elde ettiğim kod ise;
background: #2e2e2e url(http://img356.imageshack.us/img356/8810/bgdmp7.jpg) center repeat-y;
Bu şekilde kullandığınız tüm resim dosyalarının isimlerini arıyor ve ilgili bölümleri yüklediğiniz adresler ile değiştiriyorsunuz. Dikkat etmeniz gereken nokta ise bir resmin birden fazla yerde kullanılmış olabileceği. Dolayısıyla aramam yaparken aramayı birkaç kez tekrar etmeniz yararınıza olacaktır.
4. Blogcu’da Tanımlanmış Kodlar
Şablonumuz görsel olarak tamamlanmış durumda. Bu son adımda yazının başında belirttiğim gibi blogumuzla ilgili çeşitli bölümleri göstermek için Blogcu’ya has bazı hazır kodları blogumuza ekleyeceğiz.
Kodların üst bölümünden gelişi güzel bir sıralamayla başlıyoruz.
<head> ve </head> etiketleri arasına kimi bilgiler girmemiz gerekiyor. <title>…</title> bölümü internet tarayıcımızın üst çubuğunda yer alan ksımı belirtir. Buraya dilerseniz <%Title%> kodunu girerek Blogcu ayarlarında belirlediğiniz başlığı kullanabilir veya kendiniz bir şeyler yazabilirsiniz. Her şablonda olmamasına rağmen ekleyeceğiniz bu bölüme ekleyebileceğiniz veya varsa düzeltebileceğiniz bazı kodları vermek istiyorum:
<meta name=”description” content=”<%Description%>”/>
<meta name=”keywords” content=”anahtar kelimeleriniz”/>
<meta name=”author” content=”site sahibi”/>
Elbette bu kodlara tercihleriniz doğrultusunda çeşitli eklemeler yapmak mümkün.
Şablonların hemen hemen hepsinde bir yönlendirme menüsü mevcut. Bu bölümlerde yapacağınız değişiklikleri de şöyle sıralayabiliriz:
- Ana Sayfanız için <%MainPageURL%>
- Arşiv sayfanız için <%ArchiveURL%>
- Profil sayfanız için <%ProfileURL%>
- İletişim için <%Email%>
- RSS beslemeniz için <%SiteFeedURL%>
kodlarını kullanabilirsiniz. Örnek vermek gerekirse benim düzenledim şablonda
<a href=”About.html”>About</a> şeklinde bir bölüm var. Ben bu bölümü
<a href=”<%ProfileURL%>”>Hakkımda</a> şeklinde değiştirebilirim. Yine burada yapacağınız düzenlemeler size kalmış.
Uyarlayacağımız bir diğer bölüm de yan menü. Benim şablonumda yan menü “Links” şeklinde başlıyor. Ancak ben burada “Kategoriler”imin görünmesini istiyorum. <h2>…</h2> etiketleri arasındaki bölüme görünmesini istediğim bölümün adını yazıyorum (”h2″ css kodlarında bir tanımlamadır, sizin düzenlediğiniz şablonda farklı bir tanımlama kullanılmış olabilir). Yapacağım işlem ise şöyle:
<h2>Kategoriler</h2>
<ul><%Kategorilerim%></ul>
Şablonun orijinal halini bozmadan yalnızca <ul>…</ul> etiketleri arasındaki linkleri sildim ve benim kategorilermi göstermeye yarayan kodu ekledim.
Sizin yine aynı bölüme ekleyebileceğiniz kodlar ise şöyle:
- Son yazılarınız için <RecentEntry><li><%RecentEntryTitle%></li></RecentEntry>
- Yazılarınıza yapılan yorumlar için <%SonYorumlar%>
- Arkadaşlarınızı göstermek için ise <Friends><li><a href=”<%FriendURL%>” target=”_blank” title=”<%FriendUsername%>”><%FriendUsername%></a></li></Friends>
Bu değişiklikleri de yaptıktan sonra yazılarınızı nasıl gösterceğinizi anlatmaya çalışacağım. Şablonda yazılarınızın yer aldığı bölüm genellikle content şeklinde tanımlanır.
<div id=”content”> veya <div class=”content”> şeklindeki kodu gördükten sonra </div> etiketine kadar bütün bölümü silin. Bu sildiğiniz bölüm genellikle “Lorem ipsum…” bölümüdür. Buraya ekleyeceğiniz kodlar ise;
<IfMainPage><Entry>
<h2><%EntryTitle%></h2><p>
<%EntryBody%>
<p align=”left”>
<IfCategoriesAllowed> <%EntryDate%> | Kategori:
<%EntryCategory%>
|</IfCategoriesAllowed>
<IfCommentsAllowed><a href=’<%EntryURL%>’>Yorum</a> (<%EntryCommentCount%>) |</IfCommentsAllowed>
<IfCommentPostAllowed><a href=’<%CommentPostURL%>’>Yorum Yaz</a></IfCommentPostAllowed> | <a href=’<%EntryURL%>’>Kalıcı Bağlantı</a></Entry>
<p align=”center”><strong><EarlierLink><span class=”bigtext1″><Önceki Yazılar</span></EarlierLink>
<span class=”bigtext1″>
|
<LaterLink>Sonraki Yazılar></LaterLink>
</span></strong>
<p>
</IfMainPage>
<!– ARSIV SAYFASI –>
<IfArchivePage><h1 class=”warning”>Arşiv</h1>
<%ArchiveInfo%></IfArchivePage>
<IfEntryPage><Entry>
<h2><%EntryTitle%></h2>
<p><%EntryBody%> <p align=”left”>
<IfCategoriesAllowed> <%EntryDate%> | Kategori:
<%EntryCategory%>
| </IfCategoriesAllowed>
<a href=’<%EntryURL%>’>Yorum</a> (<%EntryCommentCount%>) |
<IfCommentPostAllowed><a href=’<%CommentPostURL%>’>Yorum Yaz</a></IfCommentPostAllowed><br />
<a href=’<%EntryURL%>’>Kalıcı Bağlantı</a> | <SendThisLink>Arkadaşına Gönder</SendThisLink>
</p>
<br />
<p align=”center”><strong><EarlierLink><span class=”bigtext1″>Önceki Sayfa</span></EarlierLink>
<span class=”bigtext1″>
|
<%CurrentPage%>
:
<%TotalPages%>
|
<LaterLink>Sonraki Sayfa</LaterLink>
</span></strong>
<p>
<ol class=”commentlist”><Comment>
<blockquote> <li class=alt>
<img src=”<%CommentAuthorAvatar%>” align=”left” width=”40″ height=”40″/> <b>Yazan</b>:
<%CommentAuthor%>
<%CommentAuthorIP%>
| <b>Tarih</b>:
<%CommentDate%><br />
<b> Konu</b>:
<%CommentTitle%><br />
<small><%CommentBody%></small>
<p class=info><a href=’<%CommentURL%>’>Bağlantı ></a>
<CommentEdit>Düzenle></CommentEdit><CommentDelete>Sil</CommentDelete></p>
</li></blockquote></Comment></IfCommentsAllowed></ol>
<IfCommentsAllowed><IfCommentPostAllowed></IfPages>
</IfCommentPostAllowed></IfCommentsAllowed>
</Entry></IfEntryPage>
Oldukça karışık göründüğünün farkındayım ancak kodların yanlarında Türkçe bağlantıları olduğu için hangi kodun neyi göstermeye yaradığını çözebilirsiniz. Burada da değişiklikler yapmanız mümkün. Örneğin yaznın başlığının altında kategorisinin görünmesini istemiyorsanız ilgili bölümü silebilir veya yerini değiştirebilirsiniz. Takdir edersiniz ki yapabileceğiniz varyasyonları anlatmak oldukça uzun olur. Dolayısıyla deneme-yanılma yoluyla kendi görünümünüzü yakalayabilirsiniz.
Son olarak bu işlemin ardından alt bölümde de (footer) istediğiniz değişiklikleri yapabilirsiniz. O kısmı anlatamayı pek gerekli görmüyorum.
Umarım açık bir şekilde Blogcu için nasıl şablon düzenleyebileceğinizi anlatabilmişimdir. Herhangi bir sorunuz varsa bu başlık altından iletebilirsiniz.
Tusuldat! 
Delicious'a ekle
Ba?Kur 
LinkiBol'a ekle
Oyyla! 
Yumiyum'a ekle 
Limkle
Google Bookmark'a ekle
Bu yaz? ilginizi ektiyse bunlar? da okuyabilirsiniz:
“Blogcu için Şablon Uyarlama” iin 72 gr? yaz?lm??;
Yaz?ya yap?lacak yorumlar? takip edebilirsiniz.
Yorum yazarken ltfen konuya ba?l? kal?n; Trke yaz?m ve dilbilgisi kurallar?na
riayet edin. Konu d???nda bir sorunuz varsa ileti?im blmn kullan?n.
Emre bey merhaba,
Blogger’da rastgele yazılar gösterimi ile ilgili bir bilginiz varsa, buraya iletebilirseniz çok sevinirim.
Teşekkürler.
Şurası sanırım işinizi görür.
sizin tasarladığınız bir şablonu kullanıyorum. sabah birden bir problem ortaya çıktı. lütfen bir göz atarmısınız, düzeltemedim.
sizden haber bekliyorum
teşekkür ederim
Blogunuzu kaynak kod olarak inceledim, birçok ekleme yapmışsınız. Bu şekilde kaymanın nereden gerçekleştiğini bulmam çok zor.
Tavsiyem şu anki kodlarınızı bir yere kopyalayın. Şablonun orijinal kodlarını buradan alın. Eski şablonunuzdan ekleyeceğiniz kodları orijinal kodlara adım adım yapıştırın ve tabii bu arada önizleme yapın. Hatanın nereden kaynaklandığını bu şekilde bulabilirsiniz.
İşte aradığım kaynak,öyle güzel anlatmışsınız ki tebrik etmekten başka ne diyebilirim…
[…] Aslında şablonları nasıl blogcuya uyarlayabileceğinize dair bir yazı yazacaktım. Fakat bir arkadaş bunu güzelce anlatmış. […]
Sitenizi gezme imkanı buldum, gerçekten bu işin hakkını verecek bir site yapmışsınız. Bu yazınızdakilerin de çoğu kişiye yardımcı olacağını düşünüyorum.
Gerçekten sitenizi çok beğendim. Yer İmleri’ne ekliyorum, galiba buraya sık sık yolum düşecek
Başarılar, iyi günler …
Çok saol.Kendi istediğim şablonları uyarlayabildim.
İstersen bir bak hata falan var ise bana bildirebilir misin?
Nasıl olmuş?
Şu siteleri senin sayende uyarladım:
http://videolife.blogcu.com
http://gokhangokce06.blogcu.com
Yapabilmene sevindim. Yalnız rss bağlantılarını kontrol et. Link hatalı.
OK
Sayende uyarlamacı oldum:D
Çok saolasın..
http://chip.blogcu.com/ örnek olarak…
ama bi sorun oluşuyor hep,konu başlıklarına tıklayınca sayfa açılmıyor?hata oluşuyor,yardımcı olabilirmisin..
tesekkurler
Yazı başlıklarınızın adresini yanlış vermişsiniz. Kodlarınızda div id=”contents” etiketinin hemen altında h2≥…≤/h2 tanımlı bölümü h2≥≤a href=”< %EntryURL%>” rel=”bookmark”>< %EntryTitle%>≤/a≥≤/h2 olarak düzeltin.
Kod içerisindeki ≤ ve ≥ işaretlerini düzeltmeyi unutmayın tabii. Yazı içerisinde ilgili kod düzgün bir biçimde mevcut zaten.
o kısmı aynen yapıştırmıştım ben ,verdiğiniz koda da baktımda bi fark göremedim ..zahmet olmazsa şifresi **** …yardımcı olabilirmisiniz,saolasın..
tendurdiyot yazılar düzeltildi. Bir önceki yorumdan şifrenizi kaldırdım ama değiştirmeyi unutmayın.
Allah razı olsun arkadaşım ilgin için,tesekkurler…şifre önemli değildi zaten ,deneme için kullanıyodum;ilgin için saolasın
Ben hiçbir şekilde yapamadım,üstelik mevcut şablonun sağ menü ayarlarını da bozdum…Yeni Blogcu yeni şablonları çıkarıncaya kadar bekleyeceğim artık…
merhaba sayın admin… blogcunun ön ayağı gibisiniz sevenınız gercekden fazla.. Sızın blogcuya yardım etmeye calısdıgınız gıbı baska sıtelerım olmasına ragmen bende blogcu ya yardım etmek le mesgulum.. Worddpress şablonlarını blogcu ya uyarlıyorum.. ilgilenirseiz bir göz atmanızı beklerim.. iyi çalışmalar
cok saol vedıgın bilgiler için.. sablonda arama(search) kısımları oluyor,bunları blogcuya uyarlayabılıyormuyuz?
iyi çalişmalar
merhaba ,sayenizde birşey başardım çok mutluyum tşkler,menüde anasayfama ve diğerlerine tıklayınca hata veriyor,neresi yanlış oldu acaba?
Tebrikler işitmekaybı. Ben bir hata göremedim, yalnız yerleşimde bir sorun var. Css kodlarınızda “content” kodunun altına padding:10px; gibi bir değer verirseniz daha düzgün görünür. 10px tahmini bir değer, arttırabilirsiniz elbette.
istanbull bildiğim kadarıyla Blogcu siteiçi arama yapan bir sevis sunmuyor. Araştırmadım ama site için arama yapmayan yarayan çeşitli kodlamalar olabilir. İsterseniz Google aramasını da yerleştirebilirsiniz elbette. Onun haricinde şablonların orijinal halinde bulunan arama bölümleri bir şey ifade etmez, yalnızca görsel olarak yerleştirilmiştir.
Size yorumu yazdıktan sonra biraz daha kafa yordum sorunu hallettim,ama 10 px ile ilgili düzenleme yaptığımda üst blogcu mavi bar var ya,aşağıya kadar sarktı…yardımseverliğinizden ötürü tebrikler…
Sizin görüş yazın diye yorum bıraktığımız bu menüyü blogcuya nsıl ekleriz? başka bloglardan gelenler link veremediklerini görünce vazgeçiyorlar.bir yolu yordamı vardır muhakkak değil mi?
merhaba…
açıkçası siz bu kadar güzel anlattıktan sonra yapamamama inanamıyorum ama ingilizce bir siteden bir şablon buldum. bu konulara malesef hiç yakın değilim ve şu anda kullandığım şablonumdan nefret etmeye başladım yeni şablonu görünce. zamanını alacağını bildiğimden ve gerçekten bu beni çok mutlu edeceğinden sizden bir ricam olacak . bulduğum kodları blogcuya uyarlamak için 2 gün uğraştım ve olmadı işte:( ilk ve son isteğim olsa bana yardım edermisin… sana kodları mail atsam ve sen en azından sayfaların açılmasını sağlayacak bölümü ayarlarmısın… yeni evlenecekler için düğündavet üzerine bir site benimki ve sadece şablonum kötü olduğundan firmalarla görüşmek bile içimden gelmiyor:( mail atarsan sevinirim … olumsuzda olsa …
emre bey herşey için tekrar tekrar teşekkür etmek istiyorum… sayenizde bende küçük kızımda yeni şablonlarımıza kavuştuk. inanılmaz mutluyuz… sizden son ricam olsa:P şablonda bende minik bi iki değişim yaptım. ama hatalı yapmadığımı düşünüyorum.
1-sayfalara ait takvimleri ekleyebilirmiyiz ikisindede vardı sanırım.
2- arkadaşlarım bölümündeki kişilere tıkladığımda gene benim sayfam açılıyor… neden olabilir sizce? çok saolun…
Ebru Hanım takvim uygulaması şablonda olabilir ama bu yalnızca görsel bir öğedir. Bunu Blogcu’nun desteklemesi gerekiyor. Ancak maalesef Blogcu’nun böyle bir servisi yok. Dolayısıyla o bölümü silin, bir anlam ifade etmez.
Arkadaşlar için ise sanırım kodlamada bir hata olmuş. Yazıda “Arkadaşlarınızı göstermek için…” isimli bir bölüm var. Oradaki kodları alıp şablonunuzun ilgili bölümüne ekleyin.
emre abi yaw ben bi wordpress şablonu var adı bluepigment dediklerinizi aynen uyguladım ama şablon dakikategoirlerim son yazılarım fln bölümü ortaya kaydı biraz neden oluyo bu acabaaa….!!!????
msn: kobra06@gmail.com
Büyük ihtimalle css kodlarında bir problem vardır. Eğer yazılarınız içerisinde büyük resimler varsa onlar da kaymaya neden olabilir. Düzenleme yaptığınız kodları bir yerde paylaşırsanız çözüm üretmeye çalışabiliriz.
ozcelemre{at}gmail{nokta}com adresine mail olarak da gönderebilirsin kodları.
Şablon uyarlamayı sayenizde öğrendim çok teşekürler ama işte aması var
bir kere çok zormuş her css aynı değil dediklerinizi harfiyle yapsamda ( hatta dışına çıkıp kendimde bişeyler uyguladım ) genede bir yerinde mutlak sorun veriyor benimkinede yorum yazamıyoruz ..henüz bloğuma yüklemedim deneme bloğunda uğraşıyorum öğreneceğiz bu gidişle zor olsada ya olacak ya olacak
Merhabalar sizin yazılarınızın yardımı ile bir sablon uyarlamıştım ama sonra daha iyi bir sablon bulunca değiştirdim “itheme” wp sablonunun blogcuya uyarlanmış halini kullanıyorum şimdilik fakat bunu ben uyarlamadım. sizin üstteki yazınıza göre indeks dosyasından sonra css taglarının etiketleri arasına yerleştirilmesi gerekiyor . ancak benim su an kullandığım sablonda bu css tagları yok , farklı yada ben çözemedim çünkü benim kopyalayıp yapıştırdığım kodlarda ne img ler var ne de css tagları şimdi link rengini değiştirmek istiyorum ama link rengi ile ilgili herhangi bir tag bulamıyorum ama işin ilginç tarafı kodlar blogcuda sorunsuz çalışıyor kafam karıştı yardımlarınızı rica ediyorum ( Bu arada söz konusu uyarlama sanırım uyarlama size ait )
uzattım biliyorum ama kısaca istediğim linklerin üzerine gelince renkli olması ama suanda linklerin üzerine gelince çizgi çıkıyor internet üzerinden çok araştırdım ama önerdikleri yöntemleri gerekli tagları kodların içinde u,bulamadığım için uygulayamıyorum
selamlar iyi çalışmalar dilerim
gokce, uyarlamayı doğru yapmışsınız, tebrik ederim. Yalnız tarihlerin olduğu bölümü bir daha gözden geçirseniz sanki daha olacak.
Sorunuz ile ilgili de galiba şurada yaptığım kısa açıklama size yardımcı olabilir.
teşekkürler admin, bi uğraşayım
çok teşekkürler bilgileiniz çok işime yaradı.
Bşarılarınızın dewamını diliyorum
[…] ster blogcuda ya da başka bir blog hizmetinde blogcuları derin araştırmalara yönlendiren bir konudur şu şablon olayı.Peki nasıl uyarlanıyor bu şablonlar diyorsanız şu an size sadece bakabileceğiniz bir sayfa vereceğim o da burada . […]
teşekkürler
güzel bir şablon buluyorum fakat düzenlermesi hakkında hiç bilgim yok yardımcı olsanız
BLOGUMDA SONRAKİ SAYFAYA GEÇİŞ YAPILAMIYOR . NEDEN BİLMİYORUM BÜTÜN YAPTIKLARIMIN SAYFA SAYFA GÖRÜNMESİNİ İSTİYORUM YARDIMCI OLURSANIZ SEVİNİRİMM?:))
Lale yukarıdaki kodlar “önceki sayfa” veya “sonraki sayfa” şeklinde geçen bölümler sizin aradığınız şekilde.
Teşekkür ederim ama yine de aynı sayfa açılıyor:(( bana yardımcı olursanız sevinirim şifremi yollim siz yapın isterseniz?
teşekkürler çok yararlı bir paylaşım
Çok teşekkürler ! Sayfamı açyığımda çok sevindim ALLAHrazı olsun ….Hayat boyu esenlikler diliyorum:))
Böylesine güzell bir döküman için teşekkürler…
Ama ben verdiğiniz kodları uygulayamadım, yan menüm yok. Acaba bu kodların yapılmış örneği sizde var mı?
asikblog.blogcu.com blogum, acaba kodlamada mı hata yaptım
Gördüğüm kadarıyla yan menünüz yok. Tüm kod uygulamalarını biranda eklemeyin. Adım adım gidin ve eklediğiniz her koddan sonra önizleme yapın ki aksayan yeri görün.
sizi kutluyorum çok çok teşekkürler.
ben aslında başka bir şablon uyarladım.Blogcunun kodlarını daha doğrusu kategori kodlarını bulamadım forumda kapalı.Sizde mevcut ise veya kategori naıl oluşucak yardım ederseniz.
Üstadım,
Aydınlatıcı yazın için teşekkürler. Ben de gösterdiğin yola göre blogcu’ya bir şablon uyarladım; bayağı da uğraştım. Dediğiniz gibi bölümleri tek tek uyarlayınca içinden çıkılması daha kolay oluyor.
Ancak; iki problem oluştu:
1- Banner ve logo IE’de normal görünmesine karşın Firefox’da hiç görüntülenemiyor. Değiştirdiğim resimlerin ebatlarının aynı olmasına dikkat ettim. Sizce problem ne olabilir?
2- Önceki şablonumda ve blogcu’nun genel olarak şablonlarında olduğu gibi ayrı arşiv sayfası oluşturmak yerine, arşiv bölümünü yalnızca “Yıl-Ay” bilgisini içerecek şekilde ayrı sayfa olarak değil de ana sayfanın alt kısmına oluşturmaya çalıştım. Ancak “Arşiv” başlığının altında bu bölümü bir türlü oluşturamadım.
Koyduğum kodlar şu şekilde:
Arşiv
Site adresi : www.marmaraisletme.blogcu.com
Saygılar…
Murat ilk defa böly bir sorunla karşılaştım. Firefox kullanıcısıyım, birçok site Firefox’ta daha normal olur, daha doğrusu ben tasarım yaparken ie’de karşılaştığım sorunları ff görmem. Kodlarınıza kabaca baktım ancak sorun nereden kaynaklanıyor, bulamadım. Resimlerin isimlerini değiştirip başka bir sunucuda denemenizi tavsiye edebilirim sadece.
Arşiv için de bildiğim bir çözüm yolu yok. Blogcu’nun izin verdiği sınırlar içerisinde arşiv görüntülemsi yapılabiliyor sadece.
meymenet kategori gösterimi için kod yukarıda yazılı.
Resimlerin isimlerini değiştirip blogcu.com’a tekrar yükleyin sorun çözüldü…
Arşiv için biraz daha uğraşmam gerekecek sanırım.
Yardım için teşekkürler…
Saygılar…
Merhaba. İnternette wordpress tema dosyaları var. Ancak bunlanrın içinde bir html dosyası mevcut değil ve çok karmaşık. acaba nasıl uyarlayabileceğimi biliyor msunuz?
Halit WordPress temasını Blogcu’ya uyarlamak daha zahmetlidir. Önce temanın demo sayfasında iken, sağ tıklatıp “Sayfa Kaynağını Görüntüle” sekmesinden sayfanın kodlarını alırsınız. Daha sonra gerekli css kodlarını tema dosylarından edinirsiniz. Eğer pek bilginiz yok ise gerçekleştirmeniz biraz zor.
Daha önce css’yle tema yaptım ama wp çok farklı. İçinde 7-8 tane php dosyası var. Bunları birleştirmem mi gerekiyor?
Hayır birleştirmenize gerek yok. Sadece temanın anasayfasında iken (bir internet tarayıcısı ile tabii) fare ile sağ tıklayın ve kaynak kodları alın. Bu kodlardan gereksiz olanları belirleyip sileceksiniz. Bir css şablonun nasıl index dosyasını alıyorsanız bu sağa tıklayıp aldığınız kodlar da sizin için aynı işlevi görecek. Daha sonra bu kodlara css kodlarını ekleyeceksiniz.
Anlıyorum, çok sağolun. Yapmaya çalışırım
Merhaba. Bana sadece “arkadaşına gönder” kodu lazımdı. Uzun deneme yanılma sonunda bu kodu bloguma eklemeyi başardım. Teşekkür ederim…
http://bloggertemplatesbycaz.blogspot.com/ ilk sayfadaki http://cazza.50webs.com/muchtotellsmsamp.htm
uyarlamak istediğim şablon ancak index dosyasını açamadım.Yani hiç bir şey yapamadım ..yardımcı olursanız sevinirim…
yasamladans, sayfa üzerinde sağ tıklayıp ve kaynak kodları alarak da gerekli kodları elde edebilirsiniz.
Hayırlı günler. Emeğinize Sağlık. Paylaşımınızla, Çok Güzel Açıklayıcı İfadelerle Yardımcı olmuşsunuz. Teşekkür ederiz.
Emre bey(sayın admin),
bir template hakkında sualim olacaktır, eğer ki vaktiniz var ise sizden bir mail adresi rica edebilirmiyim, mail adresime iletebilirsiniz. Teşekkür ederim.
mrb ben bir blogcu kullanıcısıyım ve bloguma 2. kolon eklemek istiyorum soldaki kolonun aynısının sağda da olmasını istiyorum bunu nasıl yapabilirim yardımcı olursanız sevinirim .
Site şu http://kurbaa.blogcu.com
Saygılarımla…
merhaba,
emeklerin için öncelikle teşekkür etmek isterim…
biz acemiler, sizler sayesinde biraz biraz yol alacağız ama bazen bu kadar açıklayıcı bilgiye rağmen yine de sorun olunca-utanarak- tekrar ve biraz daha derin(!) bilgi istemek zorunda kalıyoruz…
ben bilgisayar konusunda “0″ bilgi ile yola çıkmış, (tamamen farklı bir alanda eğitim almış ve eğitim veren) pc ve internet konusunda ise son derece meraklı biri olarak, yolum joomla ile site hazırlamaya kadar gitti…(orada templateler kolaycacık değişiyordu!!!)
şimdi blogda şablon değiştirmeyi ise başaramıyorum, hazır sunulan blog şablonlarını ise kullanmak istemiyorum:(
sorum şu: anlattıklarını uyguluyorum ama devamlı hata mesajı alıyorum!!!
(önce (blogspotta) “Sabit sürücünüzdeki bir dosyadan şablon yükleyin:” kısmına senin önerdiğin sitelerden yüklediğim zip’li şablonu yüklüyorum ama “Şablonunuzu kaydedemedik
Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: Content is not allowed in prolog.” diye bir ileti çıkıyor… onu geçiyorum, senin tarif ettiğin gibi html kodlarını ve arasına css kodlarını yapıştırıyorum ama önizlemede asla bir görüntü olmadığı gibi “kapatılıyor” tarzından bişiler yazıyor…
Derdim sadece öğrenmek… öğrenmek ve çocuklarıma ve ilgi duyanlara öğretmekkk, başarmak hazzını duymak ama pes etmek üzereyim, nerede hata yapıyorum :(((((((((((((((((((((((((((((((((((((((((
çok uzun oldu, kusura bakma…
şimdiden teşekkürler, kolay gelsin.
Peyker buradaki yazıyı okudunuz mu?
Allah Razı Olsun…
Merhaba iyi çalışmalar. Blogcu için Şablon Uyarlama cok sade ve anlaşılır şekilde anlatmışsınız tebrik ederim.Yalnız benim sizden bi ricam olacaktı ben blogsot veya blogger için şablon uyarlamak istiyorum bu konu gibi açık ve sade anlatım şekli olan ve bana yardımcı olacak konu varmı ? Sizde yoksa Link verirmisin ? Teşekkür ederim.
merhaba kendime blog açtığımdan beri bu sitenin sürekli misafiri gibiyim. Sizden ricam benim için şablon uyarlayabilirmisiniz. Kendim bu işlere çok yabancıyım. Şu anki şablonum blogcuda kaçıncı bilmiyorum şöyle kendim bile baktığımda ilham verecek bir şablon istiyorum tabi çok şey istiyorum biliyorum:)) Olumsuzda olsa yanıtınızı bekliyorum Saygılar
bulentefemolla malesef konuyu araştırıp birşeyler yazmış değilim. Belki yazılmış olabilir diye arama da yaptım fakat anlatım bulamadım.
Hocam çok saol ya valla süper bir yazı olmuş ellerine sağlık senin sayende bu işi birkaç saatte kaptım.. Hatta 5, 6 tane şablon bile uyarlamayı başardım.. Tekrar saolasın…
[…] # gelen yerlere bağlantıların adreslerini vermeyi unutmayın. Basit html ve css ilişkisini Blogcu için Şablon Uyarlama yazısında daha detaylı anlattığımı sanıyorum. Çözmekte zorlananlar […]
http://ipekbocugu.blogcu.com/ bu blogun temasını değiştirmek için yazınızdan yararlandım denemeyi başka bir blogda uyguladım (yapamayacağımı düşündüğüm için : )http://www.denemedendene.blogcu.com/ ama bi yerden sonra tıkandım başka bir şey yapamıyorum ;s hakkımda kısmına falan tıklayınca bir yer açılmıyor ;s yardım ederseniz sevinirim
Su bağlantılarınıza verdiğiniz adresleri kontrol edin. Yazıda kullanmanız gereken adresler verilmiştir.
yazıda kullanmam gereken adresler verilmiş ama ben yapamadım ;s nasıl yapacağım konusunda bir fikrim yok ;s yorumlar,arşiv,katagoriler gibi yerlere tıklayınca eski blogumdaki yazıların yeni temada açılmasını sağlayamıyorum ;s eski bloguma temayı kopyaladım ön izlemede gösterdim ama olmuyor ;s
Su öncelikle önizlemede linklere tıklayamazsınız. Yalnızca kaydedikten sonra adresleriniz tıklanabilir hale gelir. Yazıda 4. Blogcu’da Tanımlanmış Kodlar bölümünde sorunuzun yanıtı var. Verdiğiniz bağlantıları tekrar kontrol edin lütfen.
1. madde hakkında:
ücretsiz resim sunucularına pek güven olmuyor. imageshack sağlam bir yer ama bazen resimler nedense kayboluyor. diğer siteler aniden yok olabiliyor. blogcu.com’da ise artık resimlerin görüntülenmesi geç oluyor.
en sağlıklısı ve en kolay kullanılanı googlepages ücretsiz site aracından edinmek, oraya resim yükleyip URL’sini almak. ben iki senedir en güvenilir, en temiz olarak bunu görüyorum.