Blogger kendi temasını nasıl responsiv yaparım

04.02.2018 01:54

#1

utf8 WM Aracı Kullanıcı

Üyelik 05.05.2014
Yaş/Cinsiyet 49 / E
Meslek eğitim
Konum Konya

Ad Soyad B** Z**
Mesajlar 205
Beğeniler 25 / 21
Ticaret 0, (%0)

Blogger kendi tamasını düzenledim, bunu responsiv yapma imkanım var mı

05.02.2018 15:27

#2

aykutalan www.ihracat.co Kullanıcı

Üyelik 12.07.2016
Yaş/Cinsiyet 49 / E
Meslek Dış Ticaret Uzmanı
Konum İzmir

Ad Soyad A** A**
Mesajlar 50
Beğeniler 1 / 15
Ticaret 0, (%0)

Bloggera gir,
soldaki menüden tema yı seç
açılan sayfada sağda mobil yazar, altında ayar düğmesi var ona tıkla
Açılan pencerede "evet mobil cihazlarda mobil tema gösteri seç, kaydet'e tıkla.

Sonra cep telefonundan kontrol et, olduğunu göreceksin,
ihracat.co adlı sitemde bloggerın kendi temalarından birini özelleştirdim bu şekidle kullanıyorum

ihracat, ithalat, yeni iş fikirleri
www.ihracat.co

05.02.2018 15:59

#3

utf8 WM Aracı Kullanıcı

Üyelik 05.05.2014
Yaş/Cinsiyet 49 / E
Meslek eğitim
Konum Konya

Ad Soyad B** Z**
Mesajlar 205
Beğeniler 25 / 21
Ticaret 0, (%0)

Blogger mobil teması hoşuma gitmedi.
Kodlarla mobil tema yapımı konusunda yardımcı olabilecek var mı acaba?
Youtube videolarından o kadar detaylı anlatan yok

21.02.2018 21:13

#4

islamahengi İslam Ahengi Kullanıcı

Üyelik 17.02.2014
Yaş/Cinsiyet 35 / E
Meslek Mühendis
Konum İzmir

Ad Soyad M** E**
Mesajlar 38
Beğeniler 16 / 10
Ticaret 0, (%0)

Tek başınızı tüm html kodunu responsive yapmak çok büyük zaman alır. Sıfırdan tema yazarsanız daha mantıklı. Çünkü iyi bir html bilgisi gerektiriyor eğer yoksa devamlı bir sorun çıkıyor. Hazır responsive tema bulup kendinize göre düzenlerseniz daha mantıklı olacaktır. Ama yinede ben uğraşmak istiyorum derseniz genel fikir amaçlı;

@media only screen and (max-width: 479px) { 

  .renkDegistir{background-color:blue;} 

  } 

    

  @media only screen and (min-width: 480px) and (max-width: 767px) { 

  .renkDegistir{background-color:orange;} 

  } 

    

  @media only screen and (min-width: 768px) and (max-width: 1023px) { 

  .renkDegistir{background-color:red;} 

  }  

    

  @media only screen and (min-width: 1024px) { 

  .renkDegistir{background-color:black;} 

  }

Yukarıdaki kodlarda her ekran için sitenizde bulunan div etiketlerini girmeniz gerekiyor. css bölümünden de o divlerin nasıl görüneceğini ayarlamanız gerekiyor.

1 kişi bu mesajı beğendi.

İslam Ahengi / 2010-2018 | https://islamahengi.blogspot.com.tr

22.02.2018 21:34

#5

orakciblog Kimlik Onayı Bekliyor Banlı Kullanıcı

Üyelik 27.11.2016
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Yozgat

Ad Soyad Y** O**
Mesajlar 70
Beğeniler 22 / 18
Ticaret 0, (%0)

Hocam en güzel ve kolay yolu responsive uyumlu temalara göz atın arkadaşlarında anlattığı gibi mobil ayarlarından ayarlarsın kolay bir şekilde halledersin ;). Web sitemde birkaç responsive blogger tabanlı temalar var istersen göz atabilirsin.

https://www.orakciblog.com/

Blogger kendi temasını nasıl responsiv yaparım

Üye Girişi Yap