wmaraci reklam

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

5 Mesajlar 964 Okunma
wmaraci reklam

utf8 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ı
 

 

SMM Panel, Sosyalyuvam, Bayilik Paneli, En Uygun Panel, Takipçi Paneli
reklam

aykutalan aykutalan www.ihracat.co Kullanıcı
  • Üyelik 12.07.2016
  • Yaş/Cinsiyet 48 / 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

utf8 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
 

 

islamahengi 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.
utf8

kişi bu mesajı beğendi.

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

orakciblog orakciblog Kimlik Onayı Bekliyor Banlı Kullanıcı
  • Üyelik 27.11.2016
  • Yaş/Cinsiyet 29 / 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/
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al