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 »

10 Ocak 2017 Salı

Blog Yazarlığının Zorlukları ve Güzellikleri

10 Ocak 2017 Salı
Blog Yazmanın Zorlukları ve Güzellikleri

Blog Yazmak Zor İştir

Blog yazmanın zorluklarını ve güzelliklerini yavaş yavaş öğrenmeye başladım. 2 sene önce başladığım blog yazma işlemine uzunca bir süre ara vermiştim. O ara o kadar uzun olmuş ki bu işin insanı ne kadar yorduğunu ve zorladığını bu süre zarfında unutmuşum.
Son iki aydır gerçek anlamda yazdığım blogumda birçok tecrübe edindim. Bu tecrübelerin içerisinde güzel olanları da var, olmayanları da var. İlk başta fazla canınızı fazla sıkmamak adına yaşadığım ve öğrendiğim güzel şeyleri sizinle bir liste halinde paylaşmak istiyorum.

Blog Yazmanın Güzel Yanları

1.Disiplin

Kesinlikle bana en çok katkı sağlayan şey olmuştur. Hayatımı bu zamana kadar bir türlü belirli bir düzene ve ders çalışma prensibine sokamayan ben, okuyucularıma karşı kazandığım sorumluluğun ardından çok disiplinli bir birey haline geldim. Okulumdan geldiğim gibi oyun oynama yerine yaptığım planlamaya uymaya başladım. Bunun en çok yararını derslerimde ve akan zamanı kontrol etmemde gördüm.

2.Dostlar

Blogumu açmamdaki temel nedenlerden biri biraz sosyalleşmek ve kapalı kaldığım bu ortamlardan uzaklaşmaktı. Bu amacımda başarılıda oldum. Yaşıtım ve benden büyük olan bir sürü insan tanıdım onlarla sohbet ettim ve güzel bağlar kurdum. Şu an onlarla iletişimim kopmak yerine daha da güçlendi ve sürekli görüşüyoruz. Umarım böylede devam eder.

3.İmaj

Hiç istemediğim fakat ortamlarda sizin biraz daha yetkili görünmenize sebep olan bir durumla karşı karşıya kaldım. Bu benim adıma olumlu bir gelişme oldu. Sizin yazdığınız bir blogunuzun olması, bunu bilen insanların size daha farklı gözlerle bakmasına neden oluyor. Bulunduğunuz ortamda çok etkin duruma geçiyorsunuz ve sizin hakkınızda bir şey öğrenmek isteyen insanlara sitenizin adresini vererek hiç ağzınızı yormadan kendinizi anlatabilirsiniz. Bu sizi hem imaj kazanmanızı hem de saygın birisi olmanızı sağlıyor.
Blog yazmanın faydaları saymakla bitmez fakat bana katkısı olan yararları sizinle paylaşmak istedim. Şimdi de bana olumsuz etkilerinden sizlere bahsetmek istiyorum.

Blog Yazmanın Zorlukları

1.Tatlı Bir Yorgunluk

En çok sıkıntı çektiğim yerlerden biriside burasıdır. Sürekli içerik üretmeye çalışıyorsunuz bu sizi biraz yoruyor fakat blog yazarken en çok yorulduğum nokta, blogumu bir yerlere getirmeye çalışırken harcadığım enerjiden kaynaklanıyor. Yazdığınız blogun herkes tarafından okunmasını ve yorumlanmasını istiyorsunuz. Bu yüzden arama motorlarında biraz yukarıya çıkmak istiyorsunuz. Yukarıya çıkmak içinde belirli işlemler gerçekleştirmeniz gerekiyor bu işlemlerde beni biraz yoruyor.

2.Zamanlama

Ne kadar planlama yapsam da bilgisayar başına oturunca bir yandan yazı yazmak, bir yandan yazdığınız yazıyı farklı platformlarda tanıtmaya çalışırken zaman adeta su gibi akıyor ve siz hiçbir şey anlamıyorsunuz. Bilgisayarın başına saat dörtte oturup akşam onda kalktığım zamanlar bile oluyor.

Blog yazmanın olumsuz bölümleri de bana göre bunlar her ikisinde siz ayarlayabilir ve bu zorlukları aşabilirsiniz.

Misafir Blog Yazarı Hakkında:
Merhaba Ben Onur Çakır sizlere ⏪Kişisel Blog⏩ (Blog kapandığı için link kaldırılmıştır.) adresimde özgün içerikler üretmeye çalışıyorum. Yazılarımda kendi düşüncelerimi, okuduğum kitapları, izlediğim filmleri aktarıyorum. Tüm bunlara ek olarak Wordpress, SEO gibi alanlarda kaliteli yazılar yazıyorum. Umarım blogumu beğenirsiniz.
Devamını Oku »

22 Aralık 2016 Perşembe

Blogger İletişim Sayfası Oluşturma Resimli Anlatım

22 Aralık 2016 Perşembe
Blogger iletişim sayfası resimli anlatım
Blogger eklentileri anlatımlarında daha önce  iletişim gadgeti eklemeyi resimli olarak anlatmıştım. İletişim gadgeti eklentisi ile birlikte pek çok blog, iletişim gadgetini kullanmaya başladı.İletişim gadgetini blogunda sabit sayfa olarak göstermek isteyenler için " Blogger iletişim sayfası oluşturma" konusunu resimli olarak sizlere anlatmak istiyorum.
1.Adım
Blogger kumanda panelimizde bulunan "Sayfalar" sekmesine tıklıyoruz.Ardından "Yeni Sayfa" yazan yere tıklıyoruz.
Blogger Resmi İletişim Sayfası Oluşturma


 2.Adım
Aşağıda vermiş olduğum blogger resmi iletişim sayfa kodlarını kopyalıyoruz.

3.Adım
  • Sayfa başlığını  "İletisim" olarak yazıyoruz.
  • HTML'yi tıklıyoruz.
  • Yukarıda vermiş olduğum blogger  iletişim sabit sayfa kodlarını ekliyoruz.
  • Açmış olduğunuz sayfanın en üst "URL" kısmında bulunan Blogger ID numaranızı kopyalıyoruz.
  • Kodların içerisinde "Blogger ID No" yazan yere blogger ıd numaranızı yapıştırıyoruz.
  • En son "Yayınla" butonuna  tıklıyoruz.

Blogger Resmi İletişim Formunu Sabit Sayfaya Ekleme

Kodlar içerisinde değiştirilmesi gereken yerler;
  • " # "ile başlayan renk kodlarını kendi blogunuzun tema renkleri ile değiştirebilirsiniz.
  • "width: 620 px; " ve " height: 620 px; " yazan sayıları blog sayfanıza uygun şekilde yazabilirsiniz.
Örnek olarak iletişim sayfamıza bakabilirsiniz...

Blogger eklentilerini ve diğer yazılarımızı yakından takip etmek için; GFC hesabımızı takibe alabilirsiniz...
Herkese bol iletişimli günler dilerim :)
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 © 2019 Tüm Hakları Saklıdır...