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 »

14 Şubat 2017 Salı

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

14 Şubat 2017 Salı
Blogger Hazır Tema Yüklemeden Önce Dikkat Edilmesi Gerekenler
Merhaba Sosyal Medya Kafe okurları
Bir önceki yazımda Blogger tema(şablon) indirme yazıma yer vermiştim.Blogger temalarınızı adım adım kurallarına uygun bir şekilde değiştireceğiz.Bugün ise hazır temaları yüklemeden önce nelere dikkat edilmeli ve yeni(demo) blog açma konusunu resimli olarak anlatacağım.

Blogger arkadaşlarımdan bir kaç kişide karşılaştığım,farklı kişiler tarafından yüklenmiş olan, hazır tema kullanımı sonrası hit kayıpları  gibi sorunlar yaşayanların olması.En yakın zaman içinde üzerinde çalıştığımız bir yemek tarifleri blogunun( isim vermeyeceğim elbette ) yaklaşık 2 yıllık bir blog olmasına rağmen Google tarafından ziyaretçi gelmemesi,günlük sayfa görüntülenme sayısının ortalama 80 'e düşmesi yaşanabilecek sorunlar arasında.Bu yüzden sık sık hazır tema değiştirmemenizi öneriyorum.Yazdıklarımı dikkate alırsanız bir nebze bu sorunları yaşamayacaksınız.

Yine Blogger arkadaşlarımdan gelen sorunlar arasında yorum formunda yorum yazmak için tıklanıldığında pop up reklam açan blogların genellikle baktığımda hazır tema kullanıyor olması.Elbette elimden gelen yardımı yapmaya çalışıyorum.Ama hazır tema kodları arasında zararlı kodları bulmak samanlıkta iğne aramak gibi bir şey.O yüzden bazı kişilere önerim temasını değiştirme yönünde oluyor.Hazır temaları kullanırken son derece  dikkatli olmak şart.


Blogger Hazır Tema Yükleme Yapmadan Önce Dikkat Edilmesi Gerekenler;
  • Hazır temalar dünya çapında herkes tarafından indirilip kullanıldığı için,aynı temayı bir başka blog yazarı arkadaşınızda görmeniz yani pişti olmanız kaçınılmaz 😉
Bu durumda hiç kimse"bu tema (tasarım)benim sen neden kullanıyorsun" gibi bir hak iddia edemez. 😉(bunlar blog yazarları arasında yaşanan sorunlar) Tema'nın kendinize ait olmasını istiyorsanız kullanım koşulları yazımda anlattığım gibi tasarımı yapan kişiyi bulup lisansını almanız gerekir. (1000$ ve üzeri ücretleri)
  • Direk blogunuza yüklediğinizde blogunuzda bulunan Google doğrulama,yandex doğrulama,alexa doğrulama kodlarını v.s kaybedersiniz.
  • Hazır temayı direk blogunuza yüklenmesi yine alexa değer kaybı ve seo açısından son derece zararlıdır. 
  • Blogunuza hazır tema yüklemeden önce mutlaka blog temanızın yedeğini alın.(Blogger şablonunuzu nasıl yedekleyeceğinizi daha önce Blogger şablon yedekleme yazımda resimli olarak anlatmıştım)
  • Blog Hocam'ın Blog Yazarlarına Uyarımdır! yazısını da mutlaka okumanızı tavsiye ederim. 
  • İndirmiş olduğunuz hazır temayı kesinlikle direk blogumuza yüklemiyoruz.Bu son derece zararlıdır.Çünkü bu hazır temaları kodlayanlar yabancı ve temanın kodlamasına ne tür kodlar gizlediğini bilemezsiniz.Belki pop up açılan reklam da koymuş olabilir veya zararlı virüs gönderen bir uygulama😉Blogu tasarlayan olarak en altına link vermesi en doğal hakkı fakat farklı bir uygulama da açılıyor olabilir.Google tarafından blogunuzun silinmesine sebep olabilir.Bunun için kendimize farklı bir  yeni (demo) blog açıyoruz.

Yeni (Demo)Blog Açma Resimli Anlatım
1.Adım
Blogger panelinde yukarı sol bölümde blog isminizin yanında bulunan 🔻 aşağı ok işaretine veya blog ismimize tıklıyoruz ve aşağı doğru baktığımızda "yeni blog" yazan yeri göreceksiniz,buraya tıklıyoruz.
Blogger Yeni Blog Açma
2.Adım
Karşınıza gelen ekranda blog url ve blog ismini yazıyorsunuz.Öylesine Blogger'ın bir temasını seçiyorsunuz.En son "Blog Oluştur"tıkladığınızda yeni blogunuz açılmış oluyor.
Yeni Blog Açma Resimli Anlatım

Blogger'da yeni açmış olduğum blogun ekran görüntüsü
Blogger Tema Düzenleme

Ve son olarak tüm anlatımlarımı bitirmeden blog temanızı değiştirmek için acele etmeyin😊Her anlatımımda blog yazarlarına ayrı önerilerim ve ip uçlarına yer vereceğim.Şimdi biz iki konu ile ne yaptık ?
1.Blogger için kullanacağımız hazır tema seçtik ve indirdik ve kullanım koşullarını öğrendik.
2.Blogger'a yüklemeden önce dikkat edilecekleri öğrendik,yeni(demo) blog açtık bekliyoruz 😊
Bir sonraki yazımda Blogger'a hazır tema nasıl yüklenir resimli olarak anlatacağım 😊
Aklınıza takılan tüm sorularınızı yorum olarak yazabilirsiniz. Hazır tema kullanan daha sonra sorun yaşayan veya yaşamayan herkes tecrübelerini yorum olarak yazabilir.Sosyal Medya Kafe'yi takibe almadıysanız,tema düzenleme yazı serimi kaçırmamak için takibe alabilirsiniz.
Diğer blog yazarı arkadaşlarının da faydalanması açısından yazıları paylaşabilir,haber verebilir yorumlarınızla destek olabilirsiniz😇
Güncelleme 28.02.2017
 Yukarıda bulunan 4 konuyu yayına aldım.
Sevgiyle kalın...
Sibel Ordueri
Devamını Oku »

26 Şubat 2016 Cuma

Responsive Blogger Tema Tasarım Nasıl Yapılır ?

26 Şubat 2016 Cuma
responsive blogger tema yapımı
Responsive Blogger Tema Tasarımı ve Yapımı
Responsive tasarımlar(dizaynlar) bu günlerde profesyonel web tasarımının bir parçası haline geldiler. Sahip olduğumuz blog ve web sitelerinde bile kullanıcılar responsive web tasarımı tercih ediyor. Büyük blogların birçoğu artık farklı mobil versiyonlar yerine responsive blog tasarımı kullanıyor. Responsive tasarım ayrıca yükleri azaltıyor ve SEO dostu olarak karşımıza çıkıyor.
Ama temel soru şu: Web site temasını responsive olarak tasarlayabiliyoruz ama Blogger temelli temaları da responsive olarak tasarlayabilir miyiz ? Evet, tasarlayabilirsiniz.
Blogger, blogların geliştirilmesi için büyük bir içerik yönetim sistemi (CMS) platformu haline geldi. Hatta Blogger, WordPress ile kıyaslandığında çok daha fazla güzel özelliklere sahip. Tema tasarımı, Blogger’da WordPress’e göre çok daha kolay yapılabiliyor. Blog temalarının daima WordPress temaları kadar profesyonel olmadığını düşünüyoruz, fakat ben bu görüşe katılmıyorum. Etkileyici ve şık bir tema tasarımı için HTML, CSS, JS, jQuery, Ajax gibi yeterli ve Blogger ile uyumlu birkaç tasarım diline ihtiyacımız var.
Bugün size mevcut tasarımınızı nasıl responsive Blogger temasına çevireceğinizi anlatacağım.

Responsive Tasarım Ne Anlama Geliyor ?
Bir tasarımı responsive yapmak aynı temayı kullanarak bu temayı Desktop, Laptop, Tablet veya Smartphone gibi farklı boyutlardaki cihazlarla uyumlu bir hale getirmenin bir yoludur. Stil şablonu kullanılarak yapılan Responsive tasarım, kodlama yükünün düşürülmesi demektir. Bu günlerde her blog ayrı bir mobil versiyon yerine responsive tasarımı tercih ediyor. Bunun sebebi, mobil versiyonların temel sorununun farklı ekran boyutlarıyla pek kullanışlı olmaması. Mesela; bir web sitesini smartphone için tasarlarsak bu web sitesi tabletlerde aynı şekilde düzgün çalışmayabiliyor. Yani bu sorunu responsive tasarımın cihaza karşı duyarlı olmasıyla çözüyoruz.

Responsive Tasarım mı Yoksa Mobil Versiyon mu ?
  •  Responsive tasarımlar, ayrı bir mobil versiyonla kıyaslandığında SEO dostudur.
  •  Responsive tasarım kendi kendine Tablet, Smartphone ve diğer cihazlardaki farklı ekran boyutlarına uyum sağlar. 
  •  Responsive tasarım, sitenin yüklenme hızını arttırır. Yani sitenin performansını komple arttırmış olur. 
  •  Responsive tasarım ayrıca kazançlarınızı arttırır. Duyarlı Adsense reklam birimini kullanarak kazançlarınızı maksimize edebilirsiniz.
Mevcut Blogger Temanızı Responsive Haline Dönüştürün:

Bu işleme devam etmeden önce HTML5 ve CSS3 hakkında temel bir bilgi birikiminiz olduğundan emin olmalısınız. Çünkü ben sadece size metodla ilgili rehberlik ediyorum. Bunun uygulanması tamamen sizin tema kodunuza bağlıdır, yani bütün class (sınıf) ve ID (kimlik) temadan temaya değişen bir şeydir. Yani bu bilgi her zaman sabit bir yapıda değildir.

•İlk olarak Blogger Blog’unuzu açın ve tema kısmına gidin.

•HTML'yi Düzenle yazan yere tıklayın ve sonra aşağıda vermiş olduğum meta kodunu <head>  etiketinin altına yapıştırın.

<meta name="viewport" content="width=device-width, initial-scale=1">

•Şimdi Responsive Stil Şablonunu ekleyin, ]]></b:skin> şeklinde gözüken kodu arayın.

•Altta bulunan resposive CSS kodları yapıştırın.

Burada hemen altta, yapıştırmanız gereken tüm responsive CSS sorgularını bulabilirsiniz. Sonra, kendi mevcut class’larınızı ve CSS kimliğinizi duyarlılık için eklemeye başlayın.

@media screen and (max-width : 1280px) { Ekran Boyutu 1280’den Az Olanlar İçin
MASAÜSTÜ İÇİN CSS KODUNU BURAYA EKLEYİN
}
@media screen and (max-width : 1024px) {
Ekran Boyutu 1024’den Az Olanlar İçin
TABLETLER İÇİN CSS KODUNU BURAYA EKLEYİN
}
@media screen and (max-width : 768px) {
Ekran Boyutu 768’den Az Olanlar İçin
KÜÇÜK TABLETLER İÇİN CSS KODUNU BURAYA EKLEYİN
}
@media screen and (max-width : 640px) {
Ekran Boyutu 640’dan Az Olanlar İçin
IPHONE İÇİN CSS KODUNU BURAYA EKLEYİN
}
@media screen and (max-width : 480px) {
Ekran Boyutu 480’den Az Olanlar İçin
AKILLI TELEFONLAR İÇİN CSS KODUNU BURAYA EKLEYİN
}
@media screen and (max-width : 320px) {
Ekran Boyutu 320’den Az Olanlar İçin
KÜÇÜK MOBİL CİHAZLAR İÇİN CSS KODUNU BURAYA EKLEYİN
}

Yukardaki formatı kopyala yapıştır yapın ve /* CSS KODUNU BURAYA EKLEYİN —*/ yazan yeri tüm cihazlara göre sizin blogunuzun Header, Post Body, Sidebar, Footer ve diğer kısımlarının class’ları ve ID’lerinin CSS kodlarıyla değiştirin.
@media screen etiketi CSS’yi farklı ekran boyutlarında responsive yapmaya yarıyor.
(max-width : **px) olarak gözüken yer maksimum genişliği gösteriyor. Eğer kodu 320 kısmına yerleştirirseniz, bu ekran boyutunun 320’den küçük olduğu zamanlarda kodun çalışacağını gösterir. Ekran boyutunun 320’den büyük olduğu durumda bu çalışmaz. Şunu bilmek lazım eğer 480’e CSS’nizi koyup 320’ye herhangi bir şey koymazsanız, 480’de bulunan kod 0-480 arası bir aralıkta çalışır. Ama 320’ye herhangi bir CSS kodu koyarsanız, 480’de bulunan kodlar sadece 320-480 aralığında çalışacaktır. Sadece aynı class ve ID’ler için iki ekran boyutunda da kullanabilirsiniz.

Bir örneğe göz atalım:
@media screen and (max-width: ****px){
#main-wrapper { width:100%; margin:0px auto; }
.header-wrapper { width:100%; } 
#content {margin-right:0; width:100%; float: left;}
#sidebar {display: none; }
#footer-wrapper { display: none; }} 

NOT: Lütfen örnektekinin aynı class’ları, ID’leri ve CSS’leri kullanmayın. Çünkü bu sadece her bir görüntü ekranına karşılık gelen formatı açıklamak içindi. Aynı yolla siz bunu uyarlayabilirsiniz zaten kendi ihtiyaçlarınıza göre. Main Wrapper, Header section, Content, Sidebar, Footer ve diğer küçük kısımlar için mevcut olarak Blogger temanızda kullanılan class’ları ve ID’leri kullanın. Ve sonra CSS kodlarını ekleyin.

Duyarlılık İçin Bazı Önemli CSS Sorguları:

1.Daima width (genişlik) kavramını % sembolüyle kullanın pixels yerine. Mesela, Width:50%; şeklinde veya yüzde değerini kendi ihtiyacınıza göre ayarlayın.
2. Daima px yerine em terimini kullanın boyut için. Mesela, 10px yerine 10em kullanın.
3. Merkezde hizalama yapmak için Margin: auto; kullanın. Burda sağda ve soldaki boşluklar için % olarak değerler kullanmaya çalışın.
4. Display: none; kullanımı belli bir kısmın gizlenebilmesi için kullanılır.

Temanızın responsive olup olmadığını burayı tıklayıp test edebilirsiniz. ;)

Önemli Not: Bazen responsive tema tasarlarken sanki kodlarımız çalışmıyor gibi hissedebilirsiniz.Aslında responsive kod tüm kısımlarınızdaki width (genişlik) değerinin % şeklinde olması halinde çalışacaktır. Çünkü, herhangi bir kısmın width değerinin (genişliğinin) yüzde yerine sabit bir değere göre ayarlandığı durumda kodun duyarlılığının çalıştığını göremeyiz. Umarım responsive tasarım için hazırladığım bu blogger  yardım dersini sevmişsinizdir. Bu makale sadece responsive kodların nasıl çalıştığını açıklamak için hazırladım. Eğer ki HTML ve CSS hakkında çok da bilgi sahibi değilseniz,Sosyal Medya Kafe kişiye özel responsive Blogger tema tasarımı yapmaya başladı ;)
Çok yakında Sosyal Medya Kafe'nin yeni responsive Blogger tasarımını ve kişiye özel yaptığım responsive Blogger tasarımlarını sizlere paylaşacağım ;)
Blogger yardım dersleri ve Blogger eklentileri için Sosyal Medya Kafe'yi  GFC hesabını takibe alarak yakından takip edebilirsiniz.
Sağlıklı,mutlu günler dilerim :) Sevgiyle kalın :L

Sibel Ordueri 

"Bu makalede kullanılan tüm ekran görüntü resimleri ve yazılar Sosyal Medya Kafe'ye aittir.Yazıların ve ekran görüntü resimlerinin 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ı 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."
Devamını Oku »

24 Mayıs 2015 Pazar

Blogları Takip Etme GFC (Google Friend Connect) Resimli Anlatım

24 Mayıs 2015 Pazar
blogger blogları takip etme gfc (google firend connect)
Merhaba Sosyal Medya Kafe Okurları;
Blog kavramı Türkiye'de son 3-4  yıldır daha bir duyulur,bilinir oldu.Hoş hâlâ blog dediğimde yüzüme boş boş bakanlar da yok değil.Zamanla daha da duyuracağız  kendimizi inşaallah.Gün içinde pek çok bloga girersiniz faydalı bir içerik veya hoşunuza giden bir blog görünce bu blogu unutmak istemezsiniz öyle değil mi? Bugün sizlere anlatacağım konu da "Blogları Takip Etme" üzerine olacak.

Blogger Bloglar Nasıl Takip Edilir ?
Google tek hesapla birden çok alana bağlanabiliyoruz.Google hesabınızla sevdiğiniz tüm blogları takip edebilirsiniz.Blogunuzun olması şart değildir.İstediğiniz,beğendiğiniz tüm blogları takip edip yeni yazılarını okuyabilirsiniz.

Blogger Blogları  GFC(Google Friend Connect) Gadgeti Yolu İle Takip Etme
Blogger bloglara girdiğinizde pek çok blogda "Bu siteye Katılın" butonunu görmüşsünüzdür.Bu buton sayesinde blogger blogları takip edebilirsiniz.
1.Adım
"İzleyiciler  Gadgeti"  blogların sağ,sol,alt veya üst bölümünde genellikle eklidir.Bu gadgeti bulup "Bu Siteye Katılın" tıklıyoruz.
blogger blog takip etme google friend connect
2.Adım
Karşımızda bir pencere açılır.Blogger da blogunuz var ise direk Blogger profilinize bağlanır.Burada iki seçenek sunulur;
  • Genel Olarak İzle
  • Özel Olarak İzle
Bu seçeneklerden tercih ettiğimiz seçeneğe tik atıyoruz.Son olarak "Bu Blogu İzle" butonuna tıklıyoruz.

Blogger Blog sahibi değilseniz ;
1.Adım
"Bu Siteye Katılın" tıklıyoruz.
blogger bu siteye katılın

2.Adım Karşımıza google hesabımızda oturum açmak için bir pencere çıkacaktır.Bu pencerede google mail adresimizi ve şifremizi yazarak google hesabımıza giriş yapıyoruz.

google hesaba giriş

3.Adım
Karşınıza gelecek olan pencerede görünen adınızı ve profil resminizi değiştirebilirsiniz."Genel Olarak İzle" veya "Özel Olarak İzle" seçeneklerinden birine tik atıyoruz.En son "Bu Blogu İzle" tıklıyoruz.
google hesabı ile blogger blog takip etme resimli anlatım
4.Adım
Karşımıza gelen ekranda "Bitti" tıklıyoruz.

blogu takip etme resimli anlatım

Yukarıdaki anlatımlarımda google hesabıyla ve blogger hesabıyla blogger blogu  nasıl takip ediyoruz görmüş olduk.Takip ettiğiniz tüm blogların yayınlarını blogger panelinde "Okuma Listesi" altında listenir.Blogger panelinize giriş yapmak için burayı tıklayabilirsiniz.

okuma listesi blog takip

Okumak istediğiniz konunun başlığına veya "daha fazlası" tıklayarak yazıyı okuyabilirsiniz.
Bloglarımızda yazı yazmak ,bildiklerimizi paylaşmak bizler için bir hobi.Belki çok profesyonel olmayabiliriz ama zamanla herkesin çok daha iyi blog yazarı olacağına inanıyorum.:)
Bloglarımız takip edilince ve bloglarımızda bulunan konulara yorum gelince hepimiz mutlu oluyoruz.Daha iyi yazı yazmamız için motivasyon kaynağı oluyor.Sevdiğiniz blogları takip etmeyi ve yorum yazmayı esirgemeyin :E

İzleyiciler Gadgeti blogunuzda ekli değilse ;
Daha önce yazmış olduğum "İzleyiciler Gadgeti Ekleme Resimli Anlatım" yazımı okuyabilirsiniz.
Herkese sağlıklı,mutlu günler dilerim :)
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 © 2019 Tüm Hakları Saklıdır...