Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Blogger Sorunları

Blogger: Masaüstünde ve Mobilde Farklı Logo Yapımı

  #1  
Okunmamış 11 Ağustos 2018, 00:04
bekirbulut Adlı Üyenin Avatarı
AdSense, Blogger
 
Üyelik Tarihi: 03 Mayıs 2014
Yaş / Cinsiyet: 25 / Erkek
Meslek: Öğrenci
Konum: Yozgat
Ad, Soyad: Be... Bu...
Mesajlar: 1.774
Beğeniler: 910 / 314
Ticaret: 4, 100%
Merhaba, masaüstü temasında farklı, mobilde farklı bir logo yapmayı düşünüyorum fakat kodların içerisinden çıkamadım. Acaba, yardımcı olabilecek var mı? Şimdiden teşekkür ediyorum.
Konu bekirbulut tarafından (11 Ağustos 2018, 00:49 ) değiştirilmiştir. Sebep: Blogger
Cahilliğime kitap, ülkeme Atatürk gibisin...
smmhizmetlerim
  #2  
Okunmamış 11 Ağustos 2018, 00:25
Escalous Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Konum: Diğer
Ad, Soyad: Ah... Şe...
Mesajlar: 106
Beğeniler: 50 / 40
Ticaret: 0, 0%
Bunun için yönlendirme yapman gerekli diye biliyorum. Yani mobil siteyi m.siteadin.com olarak ayarlarsan mobilin ana dizini "m" subdomainine kayıtlı olacaktır. Orayada dosyaları attığın zaman "m" klasöründeki logoyu ftp'den farklı ayarlayabilirsin..

Üstteki söylediğim zahmetli ve uğraştırıcı bir yol. Subdomain olmasıda sitenizin içeriği nasıl bilemem ama farklı bir domain olarak algılanacağından google'de o şekilde de indekslenecek. Tabi onu engelleyedebilirsin.

Muhtemelen php ile yada javascript ile bir yolu vardır. HTML &CSS ile çözülmeyeceğini düşünüyorum. Çünkü eklediğin kodlar mobildede masaüstündede gözükecek..

Ama belki Responsive desteğiyle olabilir. logonu div içine alırsın ve responsive css 'de logo yolunu değiştirebilirsin.
  #3  
Okunmamış 11 Ağustos 2018, 00:49
bekirbulut Adlı Üyenin Avatarı
AdSense, Blogger
 
Üyelik Tarihi: 03 Mayıs 2014
Yaş / Cinsiyet: 25 / Erkek
Meslek: Öğrenci
Konum: Yozgat
Ad, Soyad: Be... Bu...
Mesajlar: 1.774
Beğeniler: 910 / 314
Ticaret: 4, 100%
Escalous Kusura bakmayın, Blogger için istediğimi yazmamışım. Çok teşekkür ederim.
Cahilliğime kitap, ülkeme Atatürk gibisin...
  #4  
Okunmamış 11 Ağustos 2018, 00:56
Escalous Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Konum: Diğer
Ad, Soyad: Ah... Şe...
Mesajlar: 106
Beğeniler: 50 / 40
Ticaret: 0, 0%
Sorun değil hocam ama keşke araştırma yapsaydınız Araştırıpda bulamadıysanız bu sözüm için kusura bakmayın..

Kod:
<style>
  /* burada mobili gizliyoruz */
  .logo .mobile {
    display: none;
  }
  /* mobili aciyoruz ve masaustunu gizliyoruz */
  @media (max-width: 600px) {
    .logo .mobile {
      display: block;
    }
    .logo .desktop {
      display: none;
    }
  }
</style>

<div class="logo">
  <img src="http://www.resimsitesi.com/images/masaustuicinlogoyolu.png" class="desktop" />
  <img src="http://www.resimsitesi.com/images/logo_mobile.png" class="mobile />
</div>
Bu şekilde gözebiliyormuşsunuz hocam Yapımıda responsive mantığıyla. Üstteki kodun mantığı site 600px boyutlarına (mobil boyutlara) düştüğünde masaüstündeki logoyu gizleyip mobil logoyu açıyor. 600px yukarsında (masaüstü oturumlarda) karışıklık olmaması adına default olarak mobil logo kapalı kalıyor.

dilerseniz <style> içeriğini .css dosyası varsa bloggerde onun içine atabilirsiniz.

Gerisindede logoyu div tagları içerisine alıyoruz. Div tagı adı logo olmak zorunda çünkü üstteki Css tanımı .logo üstüne. Div tagındaki logoyu değiştirirseniz css içindeki .logo yazılarınıda değiştirin.

Kaynak: https://stackoverflow.com/questions/...le-and-desktop
  #5  
Okunmamış 11 Ağustos 2018, 01:50
bekirbulut Adlı Üyenin Avatarı
AdSense, Blogger
 
Üyelik Tarihi: 03 Mayıs 2014
Yaş / Cinsiyet: 25 / Erkek
Meslek: Öğrenci
Konum: Yozgat
Ad, Soyad: Be... Bu...
Mesajlar: 1.774
Beğeniler: 910 / 314
Ticaret: 4, 100%
Escalous Emin olun araştırdım hocam ama bulamadım. Cevabınız için teşekkür ederim.

Ayrıca, tema da bu kodları nereye ekleyeceğim?
Cahilliğime kitap, ülkeme Atatürk gibisin...
  #6  
Okunmamış 11 Ağustos 2018, 01:58
Escalous Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Konum: Diğer
Ad, Soyad: Ah... Şe...
Mesajlar: 106
Beğeniler: 50 / 40
Ticaret: 0, 0%
Hocam blogger hiç kullanmadım daha önce.. Eğer şablonlar kısmı varsa logo ile ilgili html kodları header de bulunur. logoyu düzeltip üstede <style></style> etiketli kod kısmını yazıp kaydedebilirsiniz.

Bu konular hakkında bir bilgim yok diyorsanız bildiğim kadarıyla blogger sitelerine .xml ile tema yükleniyor.

Bana temanızı indirip .xml'sini atma şansınız varsa ben gerekli düzenlemeleri kaydedip size göndereyim. Tabiki mobil için istediğiniz logonun linkiyle beraber.
  #7  
Okunmamış 11 Ağustos 2018, 02:10
bekirbulut Adlı Üyenin Avatarı
AdSense, Blogger
 
Üyelik Tarihi: 03 Mayıs 2014
Yaş / Cinsiyet: 25 / Erkek
Meslek: Öğrenci
Konum: Yozgat
Ad, Soyad: Be... Bu...
Mesajlar: 1.774
Beğeniler: 910 / 314
Ticaret: 4, 100%
Escalous Pm atıyorum hemen.
Cahilliğime kitap, ülkeme Atatürk gibisin...
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Blogger Sorunları


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 21:11.