29 Ekim 2018 Pazartesi

Blogger Resim Gadgeti Nasıl Eklenir? Başlıksız Resim Ekleme Kodu

29 Ekim 2018 Pazartesi
Blogger Resim Gadgeti Nasıl Eklenir
Blogger son zamanlarda getirdiği yeni güncellemeler ile birlikte bazı gadgetler çalışmaz duruma,bazıları ise istemediğimiz şekilde blogumuzda görünmesine sebep oluyor.Bunlardan biri de resim gadgetine başlık ekleme zorunluluğu.
Resim gadgetini blogumuzun header,sağ ,sol ve alt kolonlarında kullanabiliyoruz.Fakat ortaya şöyle bir görüntü kirliliği çıkıyor.Header resmine zaten blogumuzun adını veya fotoğrafın üzerinde görünmesini istediğimiz yazıyı yazdıysak ; hem resimde yazılı olması hemde gadgetin başlığında yazıyor olması görüntü kirliliği yaşatıyor. Bu yazımda sizlere başlıksız resim nasıl eklenir? görselli olarak anlatarak, başlıksız resim ekleme kodu vereceğim.
Ayrıca Blogger 'da daha yeni olan arkadaşlarımız için resimli gadget nasıl eklenir? Resme nasıl link verilir?  adım adım anlatmaya çalışacağım.

Blogger Resim Gadgeti Nasıl Eklenir ? Resim Ve Fotoğraflara Nasıl Link Verilir?


1.Adım
Blogger kumanda panelimizde bulunan "Yerleşim" sekmesine tıkladığımızda gadgetlerimizin ekli olduğu blogumuzun yerleşim alanına yönleniyoruz.Burada yapacağımız "Gadget Ekle" yazan yere tıklamak.
Blogger Gadget Ekleme Resimli Anlatım

2.Adım
Karşımıza gadget çeşitlerini seçebileceğimiz bir liste sıralanıyor.Buradan "Resim" gadgetini bulup yanındaki "+" işaretine  tıklıyoruz.
blogger resim gadgeti nasıl eklenir

3.Adım
Karşımıza resmi yapılandıracağımız alan geliyor.Bu alanda yapmamız gerekenler;
  • Başlık:Resme başlık ismi vermek istiyorsak başlık ismini yazıyoruz.
  • Resim Yazısı:Bu alana resim ile ilgili bir yazı girdiğimizde resmin hemen altında çıkar.
  • Bağla:Bu alanda resme vermek istediğimiz linki kopyalayıp yapıştırıyoruz.
  • Göz at:Bu butona tıklayarak bilgisayarımızdan resim seçebiliyoruz.
  • Web'den:Bu alanda ise yeni herhangi bir yerden linkini kopyaladığımız bir resmi ekleyebiliyoruz.(Benim tercih etmediğim bir yöntem)
  • Sığacak şekilde küçült: Bu seçeneğe tik atarak resmi gadget alamıza göre ayarlanmasını sağlarız.
Tüm bu adımları yaptıktan sonra "Kaydet" tıklayarak resim gadgetimizi blogumuzun yerleşim alanına eklemiş oluruz.

4.Adım
Yukarıdaki işlemleri doğru şekilde yaptığımızda gadgetimiz gadget yerleşim alanımızın en başında görünüyor.Bu gadgeti mause ile tutup istediğimiz bir yere bırakıyoruz.Ardından "Düzenlemeyi Kaydet" tıklayarak resmi/fotoğrafı blogumuza eklemiş oluyoruz.
Blogger gadget yerleşim resimli anlatım


Blogger Başlıksız Resim Nasıl Eklenir?


Yukarıda 3.adımda görmüş olduğunuz başlık adında uyarı veriyor."Gerekli alan boş bırakılmamalı" ve başlıksız resim eklememize izin vermiyor.Bu alana " <!– –> " bu kodu yazarak kaydet tıkladığımızda resmi başlıksız olarak ekleyip bu sorunu ortadan kaldırmış oluyoruz.
Blogger resime link verme başlıksız resim

Blogger yardım konularında öğrenmek istediğiniz Blogger konulu sorularınızı yorum yazarak sorabilirsiniz.Sorularınızla bana da ileride anlatacağım konularda yol haritası çizmiş olursunuz.
Bir başka Blog İpuçları konusunda görüşmek üzere.🙋

Sibel Ordueri

Blogger Resim Gadgeti Ekleme Anlatımını Beğendiyseniz,Aşağıdaki Sosyal Ağ Butonları Sayesinde Paylaşabilirsiniz.
💕⃕
Devamını Oku »

6 Mart 2018 Salı

Blog World Nedir ? Dikkat Blog Yazarları Buluşuyor

6 Mart 2018 Salı

Blog World
 

Blog World Nedir?

Blog yazarlığı Avrupa da son derece etkili bir tanıtım aracı olarak kullanılırken, ülkemizde popülerliği her geçen gün artış gösteriyor. Öyle ki, deneyimlerin, birbirinden değerli bilgilerin hatta duygu ve düşüncelerin proaktif olarak aktarıldığı bir ortam haline geliyor. Bu aracı etkili bir biçimde kullanan o kadar çok kullanıcı var ki kullanıcılar arasında irtibat kurabilmek zorlaşıyor.

Blog World tüm bu sıkıntıları ortadan kaldırabilmek üzere Blogger kullanıcıları için kurulmuş bir platformdur. Blog yazarlarının birbirini tanıyabilmelerine, içeriklerinin en iyi takipçisi olan diğer blog yazarlarına tanıtabilmesine imkan sağlıyor. Blog yazarlarının yaşadığı şehirde bulunan diğer Bloggerlara kolaylıkla ulaşabilmesini de sağlıyor. Yani kısacası; Bloggerların sosyal paylaşım ve buluşma noktası. Peki Blog World, nasıl bir platform ve kullanımı nasıldır gelin birlikte inceleyelim.

Blog World Sosyal Paylaşım Platformunun kullanımı ve ara yüzü son derece basit. Şu an kullanımda olan Facebook ve Twitter sosyal paylaşım platformlarının özelliklerini bünyesinde barındırıyor. Kayıt olabilmek için, Blog World giriş sayfasında, kayıt modülüne tıklayıp, kullanıcı adınızı, e-posta adresinizi ve şifrenizi belirleyip giriş butonuna basmanız yeterli. Üyeliğiniz onaylandıktan sonra Blog World’ün ana sayfasına yönlendiriliyorsunuz. Ekranın sağ üst köşesinde kendi profil (avatar) resmi ve kapak resminiz, hemen altında da sırasıyla, tanıyor olabileceğiniz kişiler, son günlerde trend olan hashtag konuları, çevrim içi kişiler ve paneldeki son aktiviteler bulunuyor. Takip ettiğiniz blog yazarlarını da tıpkı Facebook'da olduğu gibi sağ alt köşeden görebilirsiniz.

Panelin header kısmında, arama bölümü, bildirim butonu, takip edilen kişileri görüntüleme, mesaj butonu ve profil ayarlarınızı yapabileceğiniz alan bulunmaktadır. Profil modülünde, sayfalarınız veya gruplarınız bulunmaktadır. Bu bölümlere kullanıcı sayısının durumuna göre, blog yazarlarının kurmak istedikleri gruplar oluşturulabilir. Örneğin İstanbul’da ki Bloggerlar gibi. Sayfalar kısmında ise, blog yazarları, bloglarının kategorilerine göre gruplandırılacaktır. Genel ayarlar kısmında; kullanıcı adınızı, yaşadığınız şehri belirtebilir ve diğer blog yazarlarının sizi kolaylıkla bulabilmesini sağlayabilirsiniz. Profil bölümünde, sitenizin linkini paylaşabilir, hakkınızda kısa bilgiler verebilirsiniz. Gizlilik ayarlarında dilediğiniz kişiyi engelleyebilir, çevrim içi durumunuzu değiştirebilir, sizi takip etme isteklerini kontrol edebilirsiniz.

Blog World, sosyal bağlantılar alanında Facebook, Twitter, Google+, Linkedin ve İnstagram hesaplarınıza bağlantı verebilirsiniz. Profil(avatar) ve kapak resimlerini belirleyip, blogunuz ile alakalı görsel tanıtım oluşturabilirsiniz. Kendinizi veya blogunuzu yansıtan bir resmi, dizayn et butonu vasıtasıyla profilinizin arka planına ekleyebilirsiniz. Üstelik tüm mobil cihazlar ve tabletler ile uyumlu olarak kullanabilirsiniz.

Profil ayarlarını tamamlayıp, sitenize bağlantılar verdikten sonra, ana ekranda ürettiğiniz içeriklerin tanıtımını yapmaya başlayabilir, duygu ve düşüncelerinizi ifade edebilirsiniz. Ana ekrandaki paylaşımların altında beğenme, önemli bulma, yorum yapma ve paylaşma butonları da bulunmaktadır. Blog yazarlarının belli bir seviyede bulunması ve kültürel anlamda da toplumun birçok kesimine göre yeterlilik sağlaması sebebiyle, platform üzerinden rahatsız paylaşımlarda bulunulmayacağını temenni ediyoruz. Eğer ki herhangi blog yazarı, bir başka blog yazarına rahatsızlık vermeye başladığı tespit edilirse platformdan uzaklaştırılacaktır.

Blog World üzerinde konularına göre ayrılmış kategorilerde paylaşımların sürekliliği sağlandığı takdirde, ilgili kategorilerin dijital dergi haline geleceğini düşünüyoruz. Aynı kategorideki blog yazarlarının beğenilme ve okunma oranı zamanla tatlı bir rekabete dönüşecek ve bu rekabetin galip olanı yine Bloggerlar tarafından belirlenecektir. Blog yazarlarının tüm birikim ve tecrübeleriyle ayın en iyi blog yazarı etkinlikleri düzenlenecek ve bunun adaletli olmasını yine blog yazarları sağlayacaktır.

Blog World Sosyal Paylaşım Platformu üzerinde siyasi, etnik bölücü, dini duyguları aşağılayan paylaşımların bulunmasına kesinlikle izin verilmeyecektir.

Blog yazarlarının en iyi takipçisinin yine blog yazarları olduğunu düşünerek bu platformu kurduk. Bu sosyal paylaşım platformu sayesinde her kullanıcının sitesine tekil giriş sayısının artacağını ve içeriklerinin tanıtımını kolaylıkla yapabileceğini düşünüyoruz. Blog yazarları, içeriklerinin okunma oranının artış göstermesi ve reklam gelirlerinin artması sayesinde motive olabilecek, yeni içeriklerini üretirken gelişmeleri göz önünde bulundurabilecektir. Paylaşımlarını beğendiği blog yazarını yakından takip edebilecek ve ilgili blog yazarıyla doğrudan irtibat kurabilecektir.

Blog yazarlarının birçok farklı platformda bulunması, tanıtım ve tanınabilirliğinin zorlaşması sebebiyle böyle bir platformun olması gerektiğini düşünerek Blog World Sosyal Paylaşım Platformunu kurduk. Umarız ki blog yazarlarına yararlı bir panel olur.

Blog World Tanıtımını Beğendiyseniz,Aşağıdaki Sosyal Ağ Butonları Sayesinde Paylaşabilirsiniz.
💕⃕
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 »

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 »
"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...