Kırık Linklere Dikkat

Blog  yazarları olarak link vermediğimiz yazı yok neredeyse.Verdiğiniz linklerin hepsi güncel mi?  Bloglarımızda veya web sitelerimizde kaç tane kırık link var hiç düşündünüz mü? Kırık linkler düzeltilir mi ? 

Kırık linkler web sitelerin ve blogların bulunmayan 404 hata sayfalarıdır.

Örneğin,başka bir site veya blog sayfasının yazısını çok beğendiniz, blogunuza link vererek eklediniz.Belli zaman sonra site veya blog sahibi yazıyı sildi, başka bir url'ye taşıdı veya tamamen blogunu kapattı.Bu durumda verdiğiniz link boş bir sayfaya yönleniyor.Doğru kaynağa yönlenmiyorsa  blogunuzda veya sitenizde kırık link  mevcut demektir.

Kırık Linkler Neden Önemli ?

Okurlarınız için kötü bir deneyim yaratır, linke tıkladığında doğru kaynağa ulaşmak ister.Boş bir linke tıklamak çoğu zaman sinir bozucu olabilir.

Google kırık linklerin okurlar için kötü bir deneyim olduğunun farkındadır.Bu sebeple çok fazla kırık link içeren blog ve web sitelerini sevmez.(Google sıralamasında düşürebilir)

Kırık Linkleri Nasıl Bulabilirim ?

Kırık linkleri bulmak için tek tek tüm yazılarınızda bulunan linkleri kontrol etmenize gerek yoktur.İnternette kırık linkleri bulmak için bir çok site mevcut.Benim sürekli kullandığım servis brokenlinkcheck.Bu servis sayesinde blogunuzda bulunan tüm linklerinizi otomatik olarak tarayıp,hangi sayfalarınızda kırık linkler olduğunu görebileceksiniz.

Siteye yönlendiğinizde sağ tarafta site veya blogunuzun adını yazacağınız bir kutucuk göreceksiniz.

Bu kutucuğa sitenizin adını yazıp "Find broken links" butonuna tıklayın.Sitenin yoğunluğuna ve blogunuzda bulunan yazılarınızın çoğunluğuna bağlı olarak tarama biraz uzun sürebilir.

Karşınıza kırık linklerin bulunduğu liste geliyor.

Blog adreslerinin sağında bulunan Url yazan yere tıkladığınızda kırık linkin bulunduğu yazınıza yönleniyorsunuz.Blogunuzun veya web sitenizin yönetici panelinden ,bulunan yazıya girerek linki sildiğinizde kırık linkten kurtulmuş olacaksınız.
Sildiğiniz link  yazınızda mevcut olmayacağı için okurlarınız için ufak bir mesaj eklemeniz iyi bir fikir olarabilir. (Site veya blog güncel olmadığı için link kaldırılmıştır)

Web sitenizi veya blogunuzu kırık linklerden temizlemeyi yılda bir kez tekrarlayın.Google sizi mutlaka ödüllendirecektir ;)

Sizler daha önce kırık link temizliği yaptınız  mı? Kullandığınız farklı  servisler var  mı?

Sibel Ordueri

Devamını Oku »

Blogger'a Yeni Responsive (Duyarlı) Temalar Geldi!

Merhaba Sosyal Medya Kafe Okurları
Son 1 yıldır yaşanan Blogger hazır tema olaylarından sonra hep içimden dua ediyordum.Blogger'a hazır responsive temalar gelsin ,herkes bu üzüntülerden  kurtulsun diye çok dua ettim.Sonunda Blogger'a responsive Blogger temalar geldi.Öyle mutlu oldum ki sizler adına anlatamam 💃💕😇🙆💥👌
Responsive Blogger Tema Tasarım Nasıl Yapılır yazımda daha önce sizlere anlatmıştım.Tekrar nedir diye merak edenlere kısaca açıklayım;
Aynı temayı kullanarak Desktop,Lap top,Tablet ve Cep Telefonu gibi farklı boyutlardaki cihazlarda uyumlu hale getirilmesine responsive (duyarlı) tema deniliyor.Daha önce anlatmış olduğum hazır temaların çoğu da responsive(duyarlı) olarak hazır bir şekilde tasarımcı tarafından kodlanmış şekilde bizlerin kişisel kullanımı için sunulmuştur.

Önemli Uyarı:Blogger yeni temalara geçmeden önce tema yedeğinizi almayı unutmayın.

Blogger'a Yeni Gelen Responsive Temalar ;

Artık herkes kendisi çok kolay bir şekilde yeni responsive temaları bloglarına uygulayabilir.
Herhangi bir temanın üzerinde bir kez tıkladığınızda demo görüntüsünü görebiliyorsunuz."Bloga Uygula" dediğinizde blogunuza uygulanmış oluyor.

Yerleşim alanında gadgetler hazır bir şekilde geliyor.Önceki temalardaki gibi kaldır özelliği yok.

Bunun için sol bölümden "Tema" yazan yere tıklıyoruz."Özelleştir" tıklıyoruz.

Sırasıyla "Gadgetler" başlığını seçiyoruz ,gadget başlıklarından kaldırmak istediğimizin ismini seçiyoruz,boş kutucuğa tik atarsak o gadget blogda gösteriliyor.Tik atmazsak gösterilmiyor.

Renk ayarlarını yine Blogger Tema Tasarımcı bölümünde bulunan "Gelişmiş" yazan yerden yapabiliyoruz."Arka Plan" yazan yerden arka plan seçebiliyoruz yada bilgisayardan ekleyebiliyoruz."Temalar" yazan yerden istediğimiz yeni temalardan birini seçip yine uygulayabiliyoruz.

Örnek ;
Responsive Blogger Tema

Blogger dünyasına Yeni Responsive(duyarlı) Blogger Temalar hayırlı, uğurlu olsun. 💞😍💥💃

Hazır Responsive Tema Kullanmak İsteyenler İçin Resimli Anlatımlar;

• 1.Blogger Hazır Tema Kullanım Koşulları ve İndirme

• 2.Blogger Hazır Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler

• 3.Blogger Hazır Tema Yükleme Resimli Anlatım

• 4.Blogger Hazır Tema Türkçe Yapma Resimli Anlatım

• 5.Blogger Hazır Tema Düzenleme Resimli Anlatım

O kadar mutlu oldum ve o kadar çok heyecanlandım ki hemen sizlere hızlıca bir yazı hazırladım.İmla hatalarım ve yazım yanlışlarım varsa affola.😇😊Kalben istenilen her dua gerçekleşiyor,benim duam da çok çabuk gerçekleşti🙏Blogger'ın en büyük eksikliğiydi.Son çıkanından temalarla gösterin marifetlerinizi , yeni tema düzenlemek ve kişiselleştirmek  için kolları sıvayın💪💫

Blogger'a yeni gelen responsive (duyarlı) tema özelliklerini nasıl buldunuz ? 🙇💭

Blogger yardım konularımız ve diğer yazılarımız için Sosyal Medya Kafe'yi  takibe almayı unutmayalım... Sibel Ordueri

Devamını Oku »

Blogger Hazır Tema(Şablon) Düzenleme Resimli Anlatım

Merhaba Sosyal Medya Okurları
Blogger tema düzenleme konularının sonuna geldik.Blogger hazır tema(şablon) kullanımını tüm detayları ile resimli olarak anlatmaya çalışıyorum.Blogger Şablon konu anlatımlarında 5.Blogger tema düzenleme anlatımıma geldik.Sizlere sayfa menüsü linkleri,etiket linklerini , sosyal ağ linklerini,renkleri ,yazı fontunu nasıl düzenleyeceğinizi anlatacağım.Her zaman olduğu gibi adım adım ilerleyeceğiz.Bu yazımı ilk kez okuyanlar için daha önce yazmış olduğum Blogger hazır tema anlatımlarım;

• 1.Blogger Hazır Tema (Şablon)Kullanım Koşulları ve İndirme

• 2.Blogger'a Hazır Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler

• 3.Blogger Hazır Tema Yükleme Resimli Anlatım

• 4.Blogger Hazır Tema Türkçe Yapma Resimli Anlatım

Bu yazımdaki anlattıklarımı uygulayabilmeniz için öncelikle yukarıda verdiğim linkleri sırasıyla okuyup uygulamış olmanız gerekiyor.4.Konu takip edenlerin de bildiği gibi demo blog'da bulunan şablon kodlarını, kendi kullanmış olduğumuz blogun şablon kodlarıyla değiştirmiştik.Bu yazımda anlattıklarımı direk kullandığınız blogunuz üzerinden yapacağız.
1.Adım Sayfa Menüsü Linklerini Ekleme
Blogger "yerleşim" alanında gadgetlerin olduğu bölüme geliyoruz.Burada genellikle "Pages" veya "Menü" başlığıyla tasarımcı tarafından hazırlanmıştır.Gadgetin üzerinde bulunan "Düzenle" tıklayalım.Burada dikkat edilmesi gereken nokta eğer orijinal blogunuzda yazı alanından değilde sayfalar sekmesinden oluşturduğunuz sayfalarınız var ise bu linkleri eklemenize gerek yok.Çünkü temayı tasarlayan kişi bunları da kodlayarak hazırlamış.Orijinal bloga geçirdiğinizde sayfalarınız otomatik olarak görünecektir.Ama sayfa olarak ekli bir yayınınız yok ise;
Açılan pencerede "Harici Bağlantı Ekle" tıklıyoruz.Buraya mevcut verdiğiniz etiket linklerini veya herhangi bir yayınladığınız yukarı menüde görünmesini istediğiniz linkleri ekleyeceğiz.Ben size her ikisini de göstereceğim.
A.Direk Yazı Linki

"Harici bağlantı ekle" tıkladığımızda  karşımıza tekrar bir pencere açılıyor.Burada ilk bölüme görünmesini istediğiniz sayfa başlığını yazıyorsunuz.2.bölüme de sayfanızın URL kısmını.En son "bağlantıyı kaydet " tıklıyorsunuz.

Tüm sayfalarınızı aynı şekilde tek tek ekledikten sonra karşınızda olan "Kaydet" tıklıyorsunuz.

B.Yazı Etiket Linki
Yazı etiketlerinde benzer yazılarınıza verdiğinizde linke tıkladığınızda benzer yazılarınız bir bütün halinde sıralanır.Bunun için size Sosyal Medya Kafe'de bulunan bir yazımdan örnek vereceğim.Sizler de kendi orijinal blogunuzdan eklemek istediğiniz yazı etiket linkinizi bu şekilde alabilirsiniz.
Yazınızın sonuna gelin orada verdiğiniz etiketleri göreceksiniz.

Linke tıkladığınızda aynı etikete sahip tüm yazılarınızın geldiğini göreceksiniz.Yukarıda bulunan URL çubuğundan linki kopyalıyoruz.

A.bölümünde olduğu gibi aynı şekilde etiket linklerini sayfa menüsüne ekliyoruz.

2.Adım Sosyal Ağ Linklerini Ekleme
Benim indirip,yüklediğim tema da sosyal ağ linkleri temanın en altında ve sağ gadget alanında tasarımcı tarafından hazır şekilde kodlanmış.Blogumuzda "yerleşim" tıklıyoruz.Gadgetlerin bulunduğu alanda "footer social" gibi başlıkları bulunan gadgetler sosyal ağ linkleri için yine tasarımcı tarafından hazır kodlanmıştır.Sosyal Ağ gadgetinin üzerine gelip "Düzenle" tıklıyoruz.

Aşağıdaki adımları takip ediyoruz.

3.Adım Sağ,sol ,üst bölümde bulunan sosyal ağ linklerini ekleme
Sağ, sol,üst bölümde bulunan gadget alanında "Follow us" sosyal ağ linklerini de aşağıda anlattığım şekilde düzenliyoruz.

(Link eklemelerini demo blogda yapmıyoruz.Çünkü eklediğiniz linkler demo blog üzerinde kalır.Orijinal blogunuza linkler geçmez boşuna zaman kaybetmiş olursunuz.Tekrar orijinal blogunuz üzerinden eklemeniz gerekir.)

4.Adım Blogger Hazır Tema Renk Değiştirme ve Yazı Fontları Düzenleme 
Bu alanda oldukça basittir.Tasarımcı tarafından hazır olarak kodlanmış olduğu için direk Blogger panelinizden düzenleyebilirsiniz."Şablon" ardından "Özelleştir" tıklıyoruz.

Karşınıza " Blogger Şablon Tasarımcı" bölümü geliyor.Bu alanda aşağıdaki bölümü sol taraftaki bölümleri tıklayarak buluyoruz.(Her tasarımcı farklı isimler verebiliyor)Bu alanda yapmış olduğunuz veya değiştirmiş olduğunuz yazı fontu,yazı fontu büyüklüğü ve renkleri, alt kısımda kendisi otomatik olarak gösterir.En son "bloga uygula"dediğinizde temanıza yapmış olduğunuz tüm değişiklikler kaydedilir.

5.Adım Blogger Hazır Tema Şablon Header(başlık) Resmi Ekleme
Blog başlığınızı yazı olarak görünmesini istemiyorsanız;
Paint ,photoshop, photoscape programları ile blogunuzun başlık (header) resmini hazırlayabilirsiniz.Hazırladığınız başlık resmini eklemek için "yerleşim" tıklıyoruz.Gadget alanlarında bulunan" header "bölümünü bulup "sayfa üst bilgi gadgeti"üzerine geliyoruz.

Açılan küçük pencerede aşağıdaki adımları takip ediyoruz.

Yukarıdaki gibi "Göz at" tıklıyoruz bilgisayarımızdan kaydetmiş olduğumuz başlık resmine 2 kez tıkladığımızda Blogger 'a ekleniyor.Ardından aşağıdaki adımları takip ediyoruz.

Son olarak yine tasarımcı tarafından hazırlanmış, indirdiğiniz temanın resimli anlatımlarına ve ekleyeceğiniz kodları açıkça veren internet sayfalarına ulaşacağınız kısa yol ise;

Bu adımda Zıp dosyasını açmayı Tema Yükleme konusunda anlatmıştım.
Blogger hazır tema indirip yüklediğim Demo Blog
Blogger hazır tema üzerinde değişiklik yaptığım Demo Blog

Blogger hazır tema kullanımı hakkında tüm  anlatımlarım bitmiştir.Toplam 5 konudan oluşan Blogger hazır tema anlatımlarımda hangi konuda takıldıysanız veya anlamadığınız bir yeri yorum olarak yazabilirsiniz.Sorularınızla tek tek ilgilenip cevap vereceğim.

Sosyal Medya Kafe'de Blogger yardım konularını ve diğer yazılarımızı okumak için takibe alabilirsiniz.Blogger hazır tema anlatım konularını paylaşarak Blogger arkadaşlarımızın faydalanmasına yardımcı olabilirsiniz.

Özellikle bayan Blogger arkadaşlarımızın 1 yıldır yaşamış olduğu sorunları da kendi kalemimden sizlere paylaşacağım.Boş bir vaktinizde resimli anlatımları adım adım uyguladığınızda herkesin başaracağına eminim.
Blogger tema anlatımlardan faydalanarak Blogger temasını değiştiren herkes yoruma blog linklerini bırakabilir.

Herkes kendi karakterini ve çizgisini kendisi belirler...
Sibel Ordueri

Devamını Oku »

Blogger Hazır Tema(Şablon) Türkçe Yapma Resimli Anlatım

Merhaba Sosyal Medya Kafe okurları
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ı;

• 1.Blogger Hazır Tema (şablon) İndirme ve Kullanım Koşulları Resimli Anlatım

• 2.Blogger'a Hazır Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler

• 3.Blogger'a Hazır Tema Yükleme Resimli Anlatım

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.

Sibel Ordueri

Devamını Oku »

Blogger Hazır Tema Yükleme Resimli Anlatım

Merhaba Sosyal Medya Kafe okurları
Blogger hazır tema kullanımı hakkında yazılarıma devam ediyorum.Blogger  tema (şablon) yükleme konusuyla geldim.Bu yazımı ilk okuyanlar için daha önce yazdığım konu başlıkları ;
1.Blogger Hazır Tema İndirme ve Kullanım Koşulları
2.Blogger Hazır Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler
Yazılarımı okumanızı  tavsiye ederim.Bu yazım yukarıda linkleri ile vermiş olduğum yazılarımın devamıdır.
Blogger'a hazır tema yüklemeden önce dikkat edilmesi gerekenler yazımda demo bir blog açmıştık.Bugün bu demo bloga ilk yazımda indirmiş olduğumuz hazır temayı yükleceyeğiz.

Blogger Hazır Tema XML Dosyasının ,Zip Dosyasından Çıkarılması Resimli Anlatım
1.Adım
Hazır Blogger temanın zip dosyası olarak nasıl indirildiğini, ilk yazımda  tema indirme  konusunda resimli olarak anlatmıştım.
Zip dosyasından hazır temanın XML dosyasını masa üstüne  çıkarıyoruz. Masa üstüne indirmiş olduğumuz Zip dosyasına 2 kez tıklıyoruz.

2.Adım
Hazır temanın isminin olduğu dosyayı seçiyoruz.

3.Adım
XML belgesi bazı temalarda birden fazla versiyonu ile sizlerin kullanımına sunulmuş tasarımcısı tarafından.Benim indirdiğim temada örnek olarak 3 farklı versiyonu mevcut.(Bunların her birini demo blogda deneyebilirsiniz)Tema XML belgesinden birinin üzerine geliyoruz ve sağ tıklıyoruz.Karşımıza aşağıdaki gibi ekran geliyor.

Açılan küçük pencerede "Belirtilen Klasöre Çıkart" tıklıyoruz.
Dip Not:İnternet simgesi olan yere tıkladığınızda indirdiğiniz site üzerinde tema kurulumu ve düzenlenmesi gereken yerlerle ilgili resimli anlatımları da görmeniz mümkün. (Tasarımcı her şeyi düşünmüş)

4.Adım
Karşımıza küçük bir pencere açılıyor.Burada "Masa Üstü" yazan yere bir kere tıklıyoruz.Ardından "Tamam" tıklıyoruz.

Tasarımcının hazırlamış olduğu XML dosyası yani tema (şablon) masa üstünde artık.

Bu işlemlerden sonra hazır Blogger tema (şablon) demo bloga yüklenmeye hazır.

Blogger'a Hazır Tema Yükleme Resimli Anlatım
1.Adım
Açmış olduğumuz demo bloga gelerek "Şablon"  kısmına tıklıyoruz.Ardından "Yedekle,Geri Yükle" tıklıyoruz.

 2.Adım
Açılan pencerede "Yükle" tıklıyoruz.Tekrar bir pencere açılıyor daha önce XML dosyası olarak çıkardığımız tema (şablon) dosyasını seçerek 2 kez tıklıyoruz.

3.Adım
Aşağıdaki görselde olduğu gibi "Göz at" bölümünün yanında bulunan XML dosya adını kontrol ediyoruz.En son "Yükle" tıklıyoruz.

Şimdi gelin hep birlikte demo bloga bakalım.Yazı alanlarını görebilmeniz için örnek olarak 2 yazı yayınladım.Hiç bir düzenleme yapmadığım halde her şeyin nasıl tasarımcı tarafından kodlandığını görelim.Blogger Demo Blog yandaki linke tıkladığınızda temayı indirip,yüklediğimi göreceksiniz. Hazır temaya baktığınızda ilk yazımda da belirtiğim gibi gadget alanları,yukarıda menüsü,arama çubuğu,yukarı çık butonu,benzer yazılar bölümü,yazı içerisinde resim üzerinde pinterest butonu,sosyal ağ paylaşımları,devamını oku bölümü  her şeyiyle bir bütün halinde tasarımcı tarafından hazırlanmış.

Hazır temayı demo bloga yüklediğinizde benim gibi öylesine resim ve yazı ekleyerek 2 yazı paylaşın.Çeşitli tarayıcılardan bu demo blogu gezin.Özellikle yorum bölümüne yorum yazın tekrar bakın her hangi bir pop up pencere veya gözünüze uygunsuz gelen bir içerik geliyorsa o temayı kullanmaktan vazgeçin ve aynı yöntemlerle kendinize yeni bir tema seçin.Alt kısımda tasarımcının linkini tıklayın sitesine bağlantı verdiyse sorun yok ama başka bir uygulamaya yönleniyorsa sorun vardır.

İlk yazımda da belirttiğim gibi bu tasarımı ben yapmış değilim,siz indirip yüklediğinizde de siz bu  tasarımı yapmış olmazsınız veya bir başkası bu hazır temayı blogunuza yüklediğinde yine bu hazır tasarımı yükleyen kişi blog tasarımcı olmaz.Bu şekilde yazdığınızda  bu tasarımı yapana en büyük saygısızlıktır.Hazır tema kullanım koşullarına uyalım.Tasarımcının emeğini kullanarak yapılan bu tür paylaşımlara dikkat edelim.İnsanların iyi niyetini suistimal ederek, insanların nasıl kandırıldığını umarım fark edebilmişsinizdir.

Hazır tema kullanımı ile ilgili yazılarımı 3 konuda bitireceğimi düşünüyordum ki maalesef resimli anlatımlar fazla yer kapladığı için. 4.konu da Hazır Türkçe Yapma- Düzenleme olacak. Tema düzenleme yazımda Gadget başlıklarında bulunan ingilizce yazıları,devamını oku bölümündeki ingilizce yazıyı,benzer yazılar bölümünde bulunan ingilizce yazıyı,sosyal paylaşım butonlarındaki ingilizce yazıyı,önceki-sonraki yazılar bölümündeki ingilizce yazıyı nasıl Türkçe'ye çevireceğinizi  resimli olarak anlatacağım.

• 1.Blogger Tema İndirme ve Kullanım Koşulları

• 2.Blogger Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler

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

• 4.Blogger Hazır Tema Türkçe Yapma

• 5.Blogger Hazır Tema Düzenleme

Yukarıda bulunan 2 konuyu yayına aldım.
Herkesin emeğine saygılı bir toplum olmak umuduyla...
Sibel Ordueri

Devamını Oku »

Blogger Yazılara,Yorumlara Emoji ve Özel Karakter Ekleme-Yeni Özellik

14.11.2016 tarihinde Blogger yazılara ve yorumlara özel karakter ve emoji ekleme yeniliği geldi.Yeni gelen emoji ve özel karakterler sayesinde artık yazılarımız ve yorumlarımız daha renkli 😊Emojileri ve karakterleri direk yazı alanında bulunan gülen yüz ifadesine tıklayıp istediğimizi seçerek,renk ve boyut ayarlaması da yapabiliyoruz.👏

👉Emoji ve Özel Karakter Bize Ne Kazandırdı ?
Daha önce Blogger yazılarımıza dışarıdan kod ekleyerek veya resim olarak emojileri ekliyorduk.Sayfa açılış hızını ister istemez yavaşlatıyordu.Yeni özellik sayesinde sayfa yüklenme hızında bir değişiklik olmayacak.💫

👉Blogger Yazılara Resmi Emojiler ve Özel Karakterler Nasıl Eklenir ?
Blogger yazı panelinde bulunan gülen yüze(😌) tıklayıp,açılan pencerede bulunan oklar sayesinde istediğimiz kategoride emojileri veya özel karakterleri tıklayıp yazımıza dahil ediyoruz.

Ayrıca "Draw a symbol here" yazan yere istediğimiz şekli mause ile çizerek,istediğimiz emoji çeşitlerini veya özel karakterleri otomatik olarak ekrana gelmesini sağlayabiliyoruz.Eklediğimiz emoji veya özel karakteri istediğimiz boyuta getirmek için yine yazı fontu büyüttüğümüz şekilde büyütebiliyoruz.🙋

👉Emoji ve Özel Karakter Kullanımı Yorum Formunda Var mı?
Malesef şuan laptop, bilgisayar üzerinden direk emoji ve özel karakter ekleme yorum formunda mevcut değil.Bilgisayar,laptop üzerinden yorum formuna emoji eklemek isterseniz Emojipedia sitesinden kopyala/yapıştır yöntemi ile emoji ekleyebilirsiniz.

👉Blogger Yoruma Mobilden Emoji  Ekleme Var mı ?
Evet 😌 Blogger yorum formuna emoji ekleyebilirsiniz.Telefonunuzun veya tabletinizin yazı klavyesinde bulunan emojileri direk yorum formuna ekleyebiliyorsunuz.🙋

Emoji kullanmayı seven biri olarak Blogger'ın yeni getirdiği emoji ve özel karakter ekleme özelliğini çok beğendim.😍💃👏Sizler emoji ve özel karakter özelliği için ne düşünüyorsunuz ?💭🙇

Sibel Ordueri

Devamını Oku »