Blogger hazır tema(şablon) kullanımı hakkında Blogger hazır tema (şablon) düzenleme konusu oldukça basit adımlarla sizlerin anlayacağı şekilde anlatmaya çalışacağım.Bu yazımı ilk kez okuyanlar için daha önce yazmış olduğum hazır tema anlatımları;
Blogger tema düzenleme konusunu anlayabilmeniz için öncelikle yukarıda vermiş olduğum linklerdeki yazılarımı sırasıyla okuyup uygulamış olmanız gerekiyor.Son konumuzda demo blogumuza hazır temayı yüklemiştik.Sadece hazır temayı indirip-yüklediğim Blogger Demo Blog.
Hazır temayı indirdiğim ve yüklediğim blogu sizlere gösterebilmek için ben kullanım koşulları gereği temanın aynısını tekrar indirdim ve tekrar farklı bir demo blog açtım.Bu bölüm sizin kafanızı karıştırmasın sadece indirip yüklediğim hali ile düzenlediğim halini sizlere gösterebilmek için. 2 farklı demo blog oluştu.Bunu sizlerin yapmasına gerek yok.Resimli anlatımlarıma 2.demo blog üzerinden devam edeceğim.
Blogger Tema Düzenleme Resimli Anlatım
Hazır temamızı "responsive blogger template" anahtar kelimesi ile bulup seçtiğimiz için tasarımcı tarafından hazır olarak mobil uyumlu kodlaması yapılmıştır.İlk olarak bunu Blogger blogumuza uygun hale getireceğiz.
1.Adım Blogger Temayı Mobil Kullanım Yapma
Demo blogda "Şablon" sekmesine tıklıyoruz.Ardından sağ tarafta bulunan "Mobil" yazısının altında bulunan çarka tıklıyoruz.
Karşımıza küçük bir pencere açılıyor.Bu pencere açıldığında "Evet.Mobil cihazlarda mobil şablon göster" bölümü seçili.Bu yazının başında bulunan tiki değiştiriyoruz ve "Hayır.Mobil cihazlarda masaüstü şablon göster" yazısına tik atıyoruz kaydet dediğimizde işlem bitiyor.
2.Adım Blogger Hazır Şablonda Gadget Başlıklarını Türkçe Yapma
Sağ tarafta ve sol tarafta bulunan gadget alanlarının başlık kısımları "ingilizce" olarak hazırlandığı için bu alanları "Türkçe" olarak kendimize uygun şekilde değiştireceğiz.
Demo blogumuz üzerinde "Yerleşim" tıklıyoruz.Herhangi bir gadgetin üzerine gelip "düzenle" tıklıyoruz.Gadget başlığını Türkçe olarak blogumuza uygun şekilde değiştiriyoruz.Orjinal blogumuzdan geçirmek istediğiniz kodları veya yazıları bu görsel bir resim de olabilir kopyala yapıştır yaparak buraya geçiriyoruz.Bu işlem bittikten sonra "Kaydet" tıklıyoruz.En son yukarıda bulununan "Düzenlemeyi Kaydet" tıklıyoruz.
Bu işlemleri tüm başlıklar için yaparak gadget başlıklarını Türkçe'ye çevirmiş oluyoruz.Fazla olan gadget veya kullanmak istemediğimiz var ise yukarıdaki görsel anlatımımda olan küçük pencere bölümünde "kaldır" tıklıyoruz.6.adım düzenlemeyi kaydet.
3.Adım Blogger Temayı Türkçe Yapma
Demo blogunuza benim yaptığım gibi öylesine 2 yazı girin ,resim ekleyerek .Yazı alanında bulunan "devamını oku" bölümünü "Türkçe" yapalım.Benin indirip,yüklemiş oldum şablonda devamını oku yerinde ingilizce olarak "Continue Reading" yazıyor.Bu cümleyi aynen kopyalayın ve sol bölümde olan "Şablon" yazan yere tıklayın daha sonra "Html Düzenle" tıklayın.
Şablonun html bölümün içinde boş bir alana gelip mause ile tıklayın ve klavyenizde bulunan CTRL +F tuşlarına basın.Karşınıza küçük bir arama kutusu çıkıyor.Bu kutucuğa devamını oku bölümündeki ingilizce kelimeyi yazın veya kopyalayıp yapıştırın "Enter" tıklayın.
Otomatik olarak karşınıza aradığınız kelime veya cümle sarı seçili halde gelecek.Sarı seçili cümleyi Türkçe olarak değiştiriyoruz.Ben "Devamını Oku" olarak değiştirdim.Sizler istediğiniz cümleyi yazabilirsiniz.
Yazı alanlarında bulunan tüm ingilizce kelimeleri bu şekilde Türkçe yapıyoruz.İlk ana sayfa da devamını oku bölümü ve paylaş butonları varsa "share" oluyor genellikle "share" kelimesini de "paylaş" olarak aynı şekil de değiştirebilirsiniz.Ardından "Şablonu kaydet" tıklayın.
Demo blogunuzu görüntüleyin ve devamını oku tıklayın.Yazının tümünün görüldüğü alanında ise yazı paylaş butonları var onun üzerinde ingilizce kelimeleri ,sosyal paylaşım butonlarında olan ingilizce kelimeleri,benzer yazıların üzerinde bulunan ingilizce kelimeleri,önceki-sonraki kayıtlar bölümündeki yazıları ,etiket kelimelerinin başında bulunan "tag" kelimesini,yukarı çık bölümünde ingilizce kelimeler var ise yine aynı yöntemle Türkçe kelimelerle değiştiriyoruz.
4.Adım Blogger Hazır Tema Seo Meta Tag Etiketlerini Düzenleme
Yeni Blogger hazır temalarda tasarımcı tarafından bu kodlar temanın altına eklenmiştir.Tema tasarımcı tarafından seo uyumlu olarak hazırlanmıştır.Bu ayarları blogumuza uygun şekilde yapacağız.(Her tasarımcı buraya eklenmemiş olabilir.)
Blogger panelinizde "Şablon" tıklayın ve "HTML düzenle" tıklayın.
Yukarıda ekran görüntüsünde <head> kodundan sonra başlar genellikle.Bu etiketin hemen altına orjinal blogunuzda bulunan Google doğrulama kodlarını,Alexa doğrulama kodlarınızı,Yandex doğrulama kodlarını blog temanızdan kopyalarak demo blogunuza geçirin.Meta tag etiketlerini Blog Hocam blogunda çok güzel anlatmış.Meta Tag Etiketleri düzenleme yazısını okuyarak yapabilirsiniz.Eğer blog temanızda bu tür etiketler yok ise Blog Hocam'ın verdiği kodları anlattığı şekilde blogunuza ekleyebilirsiniz.
5.Adım Demo Blogdan Orjinal Bloga Şablonu Yükleme
Bu bölümde hem demo blogunuzu hem de orjinal blogunuzu ayrı sekmelerde açın.Oluşturmuş olduğunuz demo blogun paneline gelerek "Şablon" ardından "HTML'yi düzenle" tıklayın.
Karşımıza tasarımcı tarafından hazırlanmış olan temanın tüm kodları çıkıyor.
Bu alanda bulunan tüm kodları mause ile seçerek veya üzerinde sağ tıkladığımızda pencere açılıyor bu pencereden "tümünü seç" kopyala tıkladığımızda yukarıdan aşağıya kadar tüm kodları kopyalayacağız.
6.Adım Blogger Hazır Şablonu Orjinal Bloga Geçirme
Önceki adımda demo blogda bulunan tüm kodları kopyaladık ayrı sekmede açtığımız orjinal blogumuzun "Şablon" ve "HTML'yi Düzenle" bölümüne gelerek bu alanda bulunan tüm kodları siliyoruz.Orjinal blogda kopyaladığımız tüm kodları orjinal blogumuzun şablonuna kopyalıyoruz.En son "Şablonu Kaydet" tıklıyoruz.
Blogger hazır tema düzenleme konusunda en ince ayrıntısına kadar sizlere anlatmaya çalıştığımdan dolayı ekran görüntü resimleri çok yer kaplıyor.Bu bölümü de burada bitiyorum.Diğer yazımda sayfa menüsü linklerini ekleme,sosyal ağ linklerini ekleme,tema renklerini ve yazı sitilini nasıl değiştireceğinizi yine sizlere resimli olarak anlatmaya devam edeceğim.
Buraya kadar yaptıklarımı uyguladığım Demo Blog
Sadece indirip yüklediğim Demo Blog
Diğer yazdığım konuları da ben tekrar gözden geçireceğim.Eksik kalan yerler var ise tamamlayacağım.Tüm anlatımlarım bitmeden uygulamak için acele etmeyin lütfen.
Blogger yardım konularımız ve diğer yazılarımız için Sosyal Medya Kafe'yi takibe almayı unutmayalım..Yazıları paylaşarak diğer Blogger arkadaşlarında faydalanmasına yardımcı olalım.Blogger hazır tema kullanımı konusundaki yazılarıma aklınıza takılan ,sormak istediğiniz tüm soruları yorum olarak yazabilirsiniz.
Güncelleme 28.02.2017
- 5.Blogger Hazır Tema Düzenleme konusunu yayına aldım.
Okudum ama seri bitince tekrar okuyacagim. Almanca ingilizce blogumda bu kopyalama islemini yapmadim direk blogger sablonuna geçtim yorumlarim gitti.
YanıtlaSilDerya abla yorumların silinmesi tema yükleme ilgili bir sorun değil.Farkında olmadan başka bir işlem yapmışsındır.Almanca ingilizce blogunun linkini bana gönderirsen bakarım.
SilEve dönünce dersler birikti benim😄
YanıtlaSilEllerine saglik canim❤ vakit harcayip bizleri bilgilendirdigin icin teşekkürler.
Rica ederim Hatice abla.😇Eve gidince önce İzmir'i gez benim için unutma lütfen 💫Hazır tema indirme,yükleme,Türkçeleştirme,linkleri ekleme hepsini sırasıyla adım adım uyguladığında başaracağına inanıyorum.
SilSevgiler💝
Hepsini tek tek okuyorum ve dönüp ilk paylaşımları tekrar okuyorum. Bir nevi ders çalışıyorum tekrar ederek 😊. Bitince yine okuyacağım ve satır satır ilerleyeceğim. Bilmemek ayıp değil öğrenmemek ayıp demiş Atalarımız 😊. Bizimle bunları paylaştığın ve öğrenmemize yardımcı olduğun için çok teşekkürler 😊. Sevgilerimle ❤
YanıtlaSilRica ederim Zehra abla.Hazır temanızı seçtikten sonra adımları uygulayarak giderseniz daha kolay temayı kurabilirsiniz.
SilSevgiler💝
Bu konuların bu denli ayrıntılı olarak işlenmesi çok faydalı olacaktır eminim, emeğinize sağlık..
YanıtlaSilRica ederim.Hazır tema kurulumu anlatımlarımın faydalı olması dileğiyle...
SilSibel hanım, ücretsiz hazır tema konusunu bilgilendirici, sorgulayıcı, öğretici olarak paylaştığınız için bir kez daha tebrik edip teşekkür ediyorum. Onun için blogumda bu paylaşmış olduğunuz yazıları paylaşmaya çalışıyorum. Umarım bilgi sahibi olmak isteyen bütün bloggerlara faydalı olur. Elinize emeğinize sağlık.
YanıtlaSilSaygılarımla.
Blogunuzda paylaşmanız ne kadar güzel.Keşke herkes sizin gibi duyarlı olup ,başka blogların da faydalanması için paylaşımlarını yapsa.Sizin öğrenme azminize ve empati yeteneğinize hayran kaldım.
SilPaylaşımlar için asıl ben teşekkür ederim.
ben bloğuma dokunmaya korkuyorum ama bilgiler çok faydalı.. merak edenlerin kesinlikle çok işine yarayacak şeyler emeğinize sağlık :)
YanıtlaSilKullanmış olduğunuz blog temanızı bilgisayara indirip yedeklediğinizde bence korkulacak bir durum yok.💖
SilŞu an bloğundaki 11. fakat belki de anlayamayan tek kişiyim... Canımsın. Ama ne kadar güzel, görsel düzeni ve imlan düzgün, anlaşılır bir şekilde yazmışsın Sibel. Ellerin dert görmesin kızım. Bütün blog arkadaşlarımın ilgisine çok seviniyorum. Takıldığım bir şey olursa seni bulurum canım benim. Kolay gelsin Sibel kızım. Allah başarını daim etsin. Sevgilerimle :)
YanıtlaSilKesinlikle yanliz degilsin ece ablacim isyerinde dunyanin en zor hava yolu programlarini kullaniyorum ama bu islerden zerre kadar anlamiyorum
Sil@Ece Evren
SilEce ablacım konu anlatımlarının hepsi bitti.Sırasıyla adım adım uygulayarak gidersen başaracağına eminim.Bunun için kendine öylesine farklı bir demo blog açman yeterli.O deneme blogunu yap-boz tahtası gibi kullanabilirsin.
Sevgiler💖
@Esra Bayındır
SilEsracım kendine haksızlık ediyorsun.Kendi temanı kendin indirdin ve yüklemeyi başardın.
Sevgiler💖
Çok ama cok bilgilendirici bir yazi olmus okadar cok aradim ki bu anlatimlari blog actigim zaman hic birsey bulamadim. Cok ama cok tesekkur ederiz sibel abla biz yeni ozellikle Bayan bloggerlari bilgilendirdigin icin...
YanıtlaSilÖzellikle yeni Bloggerlar ve hali hazırda yazan Bloggerların elinin altında hazır bir kaynak.Hazır tema kullanımını bilmeyen Bloggerların iyi niyetleri çok fazla suistimal edildi.Bu yazmış olduğum tema konularından sonra herkes kendisi başarabilecek.Tabiki kullanım kurallarına uyarak.
SilAyrıntılı açıklamaların için sağol. Ben denemeye korkuyorum hep biryerlerde takılıyorum nedense. Ama yazılar bittiğinde yeniden bakacağım
YanıtlaSilFarklı bir deme blogu açıp yazdıklarımı adım adım uygulayabilirsiniz.Kendi kullanmış olduğunuz temanın yedeğini blogunuza indirdiğinizde korkulacak bir durum görmüyorum.Yalnız googe+ yorumları kullanıyorsanız bunlar yedeklenmediği için yorular silenebilir.Google+ yorumları yedeklenmediği için tavsiye etmiyorum kimseye.Blogger yorum formunu kullanmak Blogger yazarları için daha iyi.
SilBu kisim karisik geldi acikcasi, önce mobil uyumlu bir tema bulayim, sonra detayli dersime calisayim, tesekkürler yazilariniz icin
YanıtlaSilFarklı bir deneme blogu açıp,anlattıklarımı adım adım uygulayabilirsiniz.Takıldığınız noktayı yorum yazarak sorabilirsiniz.Elimden gelen yardımı yapmaya çalışacağım.
Silhttp://denemeebzto.blogspot.com.tr/
YanıtlaSilya benimki neden böyle oldu? 2 temada da denedim her şey havada, böyle brbirine geçmiş
çok faydalı bir yazı teşekürler ama ben beceremedm galiba :S bu aşamayı geç bir önceki adımda kaldım.
Merhaba kusura bakmayın ben atlamışım navbar kısmını.Deneme blogunuzda yerleşim kısmına gelin ve "navbar" gadgetinde "düzenle" tıklayın.Navbarı "kapalı" yazan yere tik atın ve kaydedin.Daha sonra yerleşim bölümünde bulunan sağ üstte "Düzenlemeyi Kaydet" tıklayın.Hakkımda gadgetinide mause ile tutup sağ bölüme taşıyın.(üst bölümde gereksiz gördüklerinizi)"düzenlemeyi kaydet tıkladığınızda düzelmiş olur.Ayrıca resim ekleyerek,denme bir yazı girin.Sorun çözülmüş olacaktır.Yine takıldığınız yerde yorum yazarak sorabilirsiniz.
SilÇok teşekkür ederim halldeicem inşallah müthiş bir yazı ve ilgili bir yazar tekrardan teşekkürler :)
SilRica ederim :) Takıldığınız yer neresi olursa olsun çekinmeden yorum olarak yazarak sorabilirsiniz.
SilYazınızı okuyunca fark ettim ben alexa ve yandex ten doğrulama kodu hiç almamisim meğer :) Satır aralarını okuyunca eksiklerimizi de fark ediyoruz.
YanıtlaSilTeşekkür ediyorum :)
Eksiklerinizi fark etmeniz ne güzel Zülal hanım :)Rica ederim. :)
Silmerhaba yine ben :D acaba gadgetların üstüne tıklayıp isimlerini değiştirsek nasıl olur? ben kod kısmını beceremedim de pek... :S
YanıtlaSilHoşgeldiniz :) Bu konuda bulunan 2.Adımda Blogger Gadget başlıklarını Türkçeleştirmeyi anlatmıştım ;) Deneme blogunuza baktım güzel gidiyor ;)
Silsayenizde çok teşekkürlerr ^^
Silbir şey daha soracaktım ben...
YanıtlaSilşu facebook instagram twitter yerlerine kendi hesaplarımızı nasıl bağlıyoruz? bir de bende meta tag kodları yok alexa ücretliymiş kişisle ve blog facebook hesaplarım da yok, o adımı atlayabilir miyim? (aslında bu meta tag konusunu da açıklasanız çok mutlu olurum) vaktınızı aldıgım ıcın kusura bakmayın
sonraki yazıda varmış sosyal ağ linki pardon adım adım gıttıgım ıcın kacırmısım :D
YanıtlaSilSosyal ağ linklerini anlattığım konuyu bulmuşsunuz.Alexa eskisi kadar önemi kalmadı artık.Çok önemli değil yani ;) Meta tag konusunda Blog hocam'ın yazısına link vermiştim yazı içerisinde.Kendisi çok güzel anlatmış.4.Adımda anlattığım bölümde linki mevcut.Bu adımı atlamayın blogların Google indexi ve seo açısından çok faydalı ;)
Silama bende facebook yok google yok alexa yok nein kodunu ekleyeceğim ki?
SilDoğrulama kodlarınız yok ise o satırları meta tag etiketinden silebilirsiniz. işaretine kadar. Ayrıca Google doğrulama kodunu oluşturmak isterseniz Google amcaya "Google site doğrulaması nasıl yapılır" yazın bir çok kaynak çıkacaktır.Ben de bu konuda yazı hazırlayabilirim yakın zaman içinde.
Silben dediğiniz her adımı yaparak bloga yukledım temamı denemedeki gibi olmadı :S her şey ingilizce ve üzerine tıklayınca düzelmiyor :S nerede hata yaptım acaba?
YanıtlaSilAz önce blogunuza baktım pek çok adımı başarmışsınız.İngilizce kelimeleri üzerine tıklayınca düzelmiyor.İngilizce kelimeyi silip yerine Türkçe kelimelerinizi yazmanız gerekiyor.Ardından "Kaydet"
SilÇok güzel bir iş yapıyorsunuz. Çok teşekkür ediyorum. Buraya kadar bu konuyla ilgili tüm yazıları sırayla okudum ve uyguladım. Demo blog da oluşturdum. Bir kaç yerde takılıyorum. Özellikle şu HTML-yi düzenle kısmında. İngilizce kelimelerin bazılarını türkçeye çevirdim ama bazıları bir türlü sarı fonda çıkmıyor. Bir de Meta Tag Etiketleri konusunu çok anlayamadım. Serdar beyin yazısını okudum. Benim facebook, alexa ve diğer hesaplarım yok. Dolayısı ile kod kısmına ne yaza bilirim böyle olunca? Bir de en son orjinal bloğumdakı kodları silip demo blogda düzenlediyim kodları kopyalayıp yapıştırmaya risk edemiyorum :) Bir kez daha dikkatli bir şekilde baştan sona okumam lazım galiba bu yazıları.
YanıtlaSilBu arada iletişim kısmından bir mesaj göndermiştim ama buradan tekrar yazmak istiyorum. Ben iki gündür telefonumdan kendi bloğumu ve takip etdiyim blogger şablonuna sahip diğer blogları okuyamıyorum. Sadece resimler görünüyor. Yazılar o kadar küçük ki, çok ince bir çizgi gibi görünüyor. En kötüsü kendi blogger sayfamdakı kayıtları düzenlemek istediğimde de aynı problemle karşılaşıyorum. Bilgisayarda ve bloğun telefondan web sürümünde bu problem yok. Ben bloğumu telefondan yönetiyorum. O yüzden bu benim için çok üzücü bir olay. Bloğumun temasını uzun süredir değiştirmek istiyordum ama bu olunca hemen değiştirmek istedim. Çünki böyle farklı temalara sahip blogların yazıları görünüyor. Benim demo bloğumda da yazılar problemsiz okunuyor. Bu nasıl bir iş anlayamadım. Bir çok yere yazıp yardım istedim. Kimseden cevap alamadım. Lütfen mümkünse yardımcı olun.
Sıbel hanşm hepsını yaptım ama kodları orjinal şablona geçirip de temayı kaydet dediğimde sürekli bir hata oluştuğunu söylüyor. Simgeleri ayrıştırarken falan. Ama ben onlara hiç dokunmadım ki. Niye hata oluyor anlamadım. Biz bu işlerden anlayana kadar sizi çok yoracağız gibi görünüyor :))
YanıtlaSilHoşgeldini Umman hanım😊
SilBlogger hazır tema konusunda yaşadığınız sorunu ekran görüntüsünde görmem lazım o yüzden size instagram hesabınız üzerinden mesaj yazdım.En kısa zamanda oradan yardımcı olmaya çalışacağım.
Bu arada iletişim bölümünden mesajınız gelmedi 🙈
Bir şey sormak istiyorum. Ben hazır şablonu yükleyip renkleri ve yazı fontlarını değiştirmek istediğimde 'Bu temaya uygulanamaz' uyarısını alıyorum. Nedeni indirdiğim şablondan kaynaklı mı yoksa bir yeri mi atladım?
YanıtlaSilKusura bakmayın sağlık sorunlarım nedeniyle yorumunuza geç döndüm.İndirdiğiniz temadan kaynaklı her temayı tasarlayan tasarımcı farklı olarak kodlamıştır.
Silselamlar ben devamını oku yazısını degiştiremedim html de arattıgımda hiçbir sonuç çıkmıyor 2 tane tema denedim olmadı ikisndede ????
YanıtlaSilselamlar ben html de contıune reading kısmını bulamıyorum yok çıkmıyor iki tane tema denedim yine de çıkmadı yardımcı olurmusunuz lütfen ???
YanıtlaSil