4 Ekim 2017 Çarşamba

Kırık Linklere Dikkat

4 Ekim 2017 Çarşamba
Kırık Linkleri Düzeltme
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.
Kırık Link Bulma

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.
Kırık Linkler Nasıl Bulunur

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 »

21 Mart 2017 Salı

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

21 Mart 2017 Salı
Blogger'a Yeni Responsive 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 ;
Blogger 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.
Blogger Tema Tasarımcısı
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.
Blogger Yeni Temalar

Ö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;
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 »

27 Şubat 2017 Pazartesi

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

27 Şubat 2017 Pazartesi
Blogger Tema (Şablon) Düzenleme
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;


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
Blogger Tema Menü Düzenleme
"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.
Blogger Şablon Menü Düzenleme
Tüm sayfalarınızı aynı şekilde tek tek ekledikten sonra karşınızda olan "Kaydet" tıklıyorsunuz.
Blogger Şablon Sayfalar Menüsü
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.

Blogger Yazı Etiketi Linki Bulma


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.
Blogger Etiket Linki
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.
Blogger Şablon Yerleşim Sosyal Ağ Düzenleme
Aşağıdaki adımları takip ediyoruz.
Blogger Tema Sosyal Ağ Linkleri Ekleme
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.

Blogger Şablon Sosyal Ağ Linklerini Ekleme
(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.
Blogger Şablon Özelleştirme
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.
Blogger Şablon Tasarımcı

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.
Blogger Şablon Başlık Resmi Ekleme
Açılan küçük pencerede aşağıdaki adımları takip ediyoruz.
Blogger Başlık Header Resmi Ekleme
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.
Blogger Header Resmi Ekleme

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;

Blogger Hazır Tema Kurulumu İnternet Kısa Yol
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 »

22 Şubat 2017 Çarşamba

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

22 Şubat 2017 Çarşamba
Blogger Tema Türkçe Yapma -Düzenleme
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ı;
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.
Blogger Tema Düzenleme
 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.
Blogger Tema Mobil Ayarı
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.
Blogger Şablon Düzenleme
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.
Blogger Şablon Html Düzenle
Ş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.
Blogger Tema Düzenleme CTRL+F
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.
Blogger Temayı Türkçe Yapmak
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.
Blogger Meta Tag Seo Ayarları

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.
Blogger Şablon Html Düzenle
Karşımıza tasarımcı tarafından hazırlanmış olan temanın tüm kodları çıkıyor.
Blogger Şablon Kodlarımı Kopyalama

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 Şablon Kodları Kopyala Yapıştır

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
Sibel Ordueri

Devamını Oku »

17 Şubat 2017 Cuma

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

17 Şubat 2017 Cuma
Blogger 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.
Tema (şablon) Zip Dosyasından Çıkarma
2.Adım
Hazır temanın isminin olduğu dosyayı seçiyoruz.
Tema Dosya Klasöründen Temayı Çıkarma
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.
Tema XMLDosyasını Masa Üstüne Çıkarma
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.
Hazır Tema XML Dosyasını Masa Üstüne Çıkarma
Tasarımcının hazırlamış olduğu XML dosyası yani tema (şablon) masa üstünde artık.
Hazır Tema (Şablon)Masa Üstü Görüntüsü

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.
Blogger Tema Yükleme
 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.
Blogger Şablon Yükleme

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.
Blogger Hazır Tema (Şablon) Yükleme
Ş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.



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
Yukarıda bulunan 2 konuyu yayına aldım.
Herkesin emeğine saygılı bir toplum olmak umuduyla...
Sibel Ordueri
Devamını Oku »

21 Kasım 2016 Pazartesi

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

21 Kasım 2016 Pazartesi
Blogger Yazılara Emoji ve Özel Karakter Ekleme
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.
Blogger Yazılarda Emoji ve Özel Karakter Kullanımı
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.🙋
Blogger Yorumlara Emoji Ekleme



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 »
"Sosyal Medya Kafe'de kullanılan ekran görüntüleri, fotoğraflar ve yazılar Sosyal Medya Kafe'ye aittir. Yazıların ve fotoğrafların yayın hakkı sadece www.sosyalmedyakafe.com'a aittir. İzin alınmadan ve kaynak gösterilmeden bir başka blogda veya web sitesinde yayınlanması, tariflerin veya yazıların ekran görüntüsü alınarak sosyal ağlarda paylaşılması 5846 sayılı Fikir ve Sanat Eserleri Yasası`na aykırıdır. Aksi taktirde 5846 Sayılı Fikir ve Sanat serleri Yasası gereği suç duyurusunda bulunulacaktır. Yasal yükümlülüğü vardır."
Sosyal Medya Kafe Copyright © 2021 Tüm Hakları Saklıdır...