Menu

Blogger Sitede Mobil Görünüm Oluşturma

Blogger Sitede Mobil Görünüm Oluşturma,akıllı telefonların hızla yayılmasıyla mobil site tasarımları artık tüm siteler için vazgeçilmez olmuştur.Eski sistemde kullanılan masaüstü bilgisayarlar ve dizüstü bilgisayarlar artık yerlerini tablet ve mobil cihazlara bırakmıştır.Satış oranlarına bakıldığında akıllı telefonların pazar payları oldukça yükselmektedir.Sitelerin mobil görünümde ayrı bir bölümlerinin oluşturulması zorunlu hale gelmiştir.

Web sitesi sahiplerinin site hitini artırmada mobil yolun olduğu unutulmamalıdır.

Blogger Sitede Mobil Görünüm Oluşturma

Blogger kullanıcılarına sunduğu kolaylıkları her geçen artırmaktadır,mobil site tasarımının siteler için zorunlu olduğu bilindiği için blogger site sahiplerine kolaylık sağlayarak sitelerin mobile uyumlu olması için çeşitli kolaylıklar sağlamaktadır. Yani sitenize cep telefonlarından girildiğinde, sistem bunu otomatik olarak algılayıp temayı mobil uyumlu hale getirecek.

Aşağıdaki adımları takip ederek blogger sitenizi mobil site tasarımına hazır haline getirebilirsiniz.

Blogger Sitede Mobil Görünüm Oluşturma

Blogger İçin Mobil Şablon Ayarını Nasıl Aktifleştirme Adımları

1.Adım 

Blogger kumanda panelinize giriş yaptıktan sonra Şablon/Mobil dişli çark butonuna tıklayınız.

Blogger Sitede Mobil Görünüm Oluşturma

Açılan sayfada Evet. Mobil cihazlarda mobil şablon göster olarak işaretledikten sonra ayarlarınızı kaydedin.Açılan pencerede şablon seçimi yapabilir ve altında bulunan önizle tuşuna basarak nasıl göründüğünü mobil versiyonda görebilirsiniz.


Blogger Sitede Mobil Görünüm Oluşturma


Blogger mobil sürüm olarak bloğunuzun masaüstü sürümünü kullanmak istiyorsanız,ikinci seçeneği seçebilirsiniz.Hayır.Mobil cihazlarda masaüstü şablonu göster.

2.Adım

HTML düzenle sayfasını açarak aşağıdaki kodu bulunuz.

<b:include data='blog' name='all-head-content'/>

Bulduğunuz bu kodun altına aşağıdaki kodu yapıştırınız.



<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/><meta content='width=1100' name='viewport'/></b:if>

Değişiklikleri kaydettikten sonra bloğunuzun mobil haline aşağıdaki örnek url yi düzenleyerek bakınız.

http://www.blokadınız/?m=1 

Bloğunuza mobil görünüm özelliği aktif ederek site trafiğinizi artırabilirsiniz.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

2 yorum ''Blogger Sitede Mobil Görünüm Oluşturma "

YORUM EKLE
  1. Bu kod benim temada yok nasıl yapacaz peki?

    YanıtlaSil
    Yanıtlar
    1. Murat Gürsoy bey
      slm head kodunun hemen altına birinici ve ikinci verdiğim kodları ekleyiniz.
      seo mektebi

      Sil

Önerilen Yazı
×