Rehber etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Rehber etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

9 Mart 2017

,

Blogger Responsive Tema'da Mobil Görünümü Özelleştirme

 Merhaba arkadaşlar bu yılın başında hatırlarsanız size buradaki yazımda responsive olmayan temalar için widgetların nasıl gizli veya görünür hale getirileceği hakkında sizlere bilgi vermiştim.

 Fakat kendim de dahil olmak üzere birçok blogger responsive tema kullandığı için bir arayış içine girdim ve sonunda responsive temalarda bir widget'ın veya herhangi bir kodun çalışmasının mobilde veya masaüstünde nasıl engelleneceğini buldum.

 Dilerseniz bu yöntem ile ilgili bilgi vermeye başlayalım.

Aşağıdaki kodları bir yere not edin;

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>


 Bu kodun üç farklı işlevi var bunlar;

1.Bir widget'ı veya kodu sadece mobilde gösterme
 Aşağıdaki kodun <!-- Sadece mobilde çalışmasını istediğin kod buraya --> yazan 
kısmına widget veya kodları yerleştirin.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya --></b:if>

Bu şekilde şekilde widget veya kod sadece mobilde çalışır, masaüstünde görüntülenmez.

2.Bir widget'ı veya kodu sadece masaüstünde gösterme
 Aşağıdaki kodun <!-- Sadece masaüstünde çalışmasını istediğin kod buraya--> yazan kısmına kodu ekleyin.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Burası boş kalacak -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>


Bu şekilde ise kod veya widget sadece masaüstünde görünür, mobilde gözükmez.

3.Belli bir bölgede masaüstünde farklı, mobilde farklı nesne gösterme
 Bu kısım, vermiş olduğum kodun en can alıcı noktası.
 Örneğin sitenizde bir reklam bölgesi oluşturdunuz ve burada mobilde farklı masaüstünde  farklı bir reklam boyutunun veya türünün çalışmasını istiyorsunuz. Bunun için şunu yapmanız gerekiyor;
 Mobilde göstermek istediğiniz reklamı aşağıdaki kodun <!-- Sadece mobilde çalışmasını istediğin kod buraya --> yazan kısmına yerleştirin. Böylece reklam sadece mobilde görüntülenir.
 Peki aynı bölgede masaüstünde ise başka bir reklam göstermek istiyorsunuz. Bunun için de şunu yapıyorsunuz;
Masaüstünde göstermek istediğiniz reklamı aşağıdaki kodun <!-- Sadece masaüstünde çalışmasını istediğin kod buraya--> yazan kısmına ekleyin. Bu reklam ise sadece masaüstünde görünür.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- Sadece mobilde çalışmasını istediğin kod buraya -->
<b:else/>
<!-- Sadece masaüstünde çalışmasını istediğin kod buraya-->
</b:if>


Sadece reklamlar değil birçok nesneyi masaüstünde veya mobilde gizlemek veya göstermek için bu kodu kullanabilirsiniz.
Bilgi almak istediğiniz veya takıldığınız bir yer olursa yorum bölümünden sormayı unutmayın.

25 Şubat 2017

,

Mobil tarayıcıların sekme kısmına renk verme.

Merhaba arkadaşlar sitenize mobilden giren kullanıcılara güzel bir görüntü sağlamanız için tarayıcınızın sekme kısmını renklendirmek istermisiniz. Tabiki de istersiniz. Böyle güzel bir eklentiyi kim istemez.

Peki nasıl? Bu olay çok basit bir koddan ibaret. Hadi anlatmaya başlayalım.

Blogger kontrol paneline giriş yapın.
Şablon>Html'i düzenle yolunu izleyin.
Aşağıdaki kodu <head> etiketinin hemen altına yapıştırın ve #f44336 kısmını istediğiniz bir renk kodu ile değiştirin.
<meta content='#f44336' name='theme-color'/>

Bu adımları tamamladıktan sonra şablonu kaydedin.

Bana kalırsa çok şık bir detay olur, denemenizi tavsiye ederim.

Nasıl oduğunu merak ediyorsanız sitemi mobilde ziyaret edin.

6 Ocak 2017

,

Blogger'da Bir Widget'ı Mobil'de veya Masaüstü'nde Gizleme

 Merhaba arkadaşlar, bugün sizlere merak edilen bir konu olan wigdet gizleme veya gösterme hakkında bilgi vermeye çalışıcam.  Hepimizin bildiği gibi dünyada olduğu gibi ülkemizde de mobil cihaz kullanımı oldukça artmaya başladı ve biz bloggerlar da mobil görünümü olan responsive temalar tercih etmeye başladık. Ancak responsive temaların bana göre en büyük dez avantajı masaüstünde gözüken her şeyi mobilde de göstermesi. Bu bazı durumlarda iyi fakat masaüstünde sidebar'da, header'ın üstünde veya bambaşka biyerde bulunan tüm widget'ların alt alta sıralanması hiç hoş olmuyor. Aynı zamanda mobil cihazlar böyle blogları açmakta zorlanıyor.  Peki istediğimi bir widget'ı mobilde veya masaüstünde nasıl gizleriz.  Bunun için üç kodumuz var;


  • mobile='no' (bu kod widget'ı mobilde gizler)
  • mobile='yes' (bu kod widget'ı mobilde gösterir)
  • mobile='only'  (bu kod ise widget'ı sadece mobilde gösterir ve masaüstü'nde gizler)

  •  Nasıl kullanırız peki bu kodları derseniz, hemen anlatalım  Öncelikle Blogger'a giriş yapıyoruz ardından Şablon>HTML'yi Düzenle diyoruz ve gizlemek veya göstermek istediğimiz widgeti buluyoruz. Daha sonra title='Widget Adı' kodunun hemen önüne yukarıda vermiş olduğum kodlardan istediğimizi ekliyoruz ve şablonu kaydediyoruz.
    Not: Bu işlevlerin çalışması için Şablon kısmından mobil görünümü aktif etmeli ve özel şablon seçeneğini seçmelisiniz. Eğer responsive bir tema kullanıyorsanız buradaki yazıma göz atabilirsiniz.

    30 Aralık 2016

    ,

    Sitem İçin Nasıl Bir Tema Seçmeliyim?

    Yeni yıl yaklaştı.Malum,Blogger temanızda değişiklikler yapmak isteyebilir,farklı kodlar eklemek isteyebilirsiniz.Biz ise size bu yazımızda site veya blog türüne göre seçmeniz gereken temaları anlattık.

    1.Sade Blog
    "Sade Blog"dan bahsetmek istediğim şey,aham şaham bir tema değil de böyle sade,ilgi çekici bir tema olmasını istiyorsanız;abartılı temalardan kaçının.Bunun için zaten tonlarca tema var.Derli toplu bir tema,bu tür siteler için ideal bir seçim olacaktır.
    2.Haber Sitesi
    Bu tür siteler için aham şaham dediğimiz temalardan gerekli.Bu temalar,haber sitelerinin içeriği çok olduğundan daha falza içerik göstermek için işinize yarayacaktır.Bunun için magazin temaları iş görür nitelikte.
    3.Teknoloji Bloğu/Sitesi
    Bu tür temalar oldukça mevcut.Ancak,bunun için de magazin türü,yine de basit bir tema işinize yarayacak,ziyaretçi çekmenize neden olacaktır.
    4.Kişisel 
    Kendinizi tanıtan veya ilginç yazılar yazan kişisel bir blog veya siteye sahipseniz,daha çok şık,basit ve kendinize bir yer ayırabileceğiniz temalar iş görür.Bunun için basit veya normal temalar da kullanabilirsiniz.
    5.Kurumsal
    Kurumsal siteler için şık olan birçok tema mevcut.Bunlar,daha çok aşağı inerken ayrı sayfalar barındıran temalar oluyor.Bunun için Bolt gibi temaları kullanabilirsiniz.

    Son Sözler
    Son olarak da bir şeye eklemek istiyorum ki,SEO'ya önem vermeniz gerekli.SEO'su eksik bir tema,sitenize pek fazla yarar sağlamayacağı gibi olan ziyaretçi kitlenizi de yok edebilir.Sizin de tema fikirleriniz varsa yoruma!

    27 Aralık 2016

    ,

    Domain Nasıl Alınır?


    Merhaba arkadaşlar, bildiğiniz gibi website açmak için domain ve hosting denilen iki şeye ihtiyacımız var. Bugün sizlere domain nasıl alınır konusundan bahsedeceğim.
    Öncelikle domain sorgulama yazımda da belirttiğim gibi, alacağımız isim hakkında kararımızı vermeliyiz. Daha sonra da bu yazımda belirttiğim domain servislerinden birini seçiyoruz. Seçtiğimiz servisin sitesine giriş yapıyoruz, karşımıza isteğimiz ismi yazmamız için bir kutucuk çıkıyor, seçtiğimiz ismi yazıyor ve sorgula diyoruz, site bize alan adının hangi uzantılarda mevcut olduğunu ve hangi uzantıların seçilmiş olduğunu gösteriyor. İstediklerimiz sepete ekliyoruz ve sepete gidiyoruz. Kaç yıl için alacağımızı seçerek kredi kartımız ile satın alıyoruz.
    Domain hakkındaki yazılarım için buraya tıklayın.
    Domain Nedir? yazım için buraya tıklayın. 

    25 Aralık 2016

    ,

    Bir Domain'i Blogger'a Yönlendirme


    Merhaba arkadaşlar, bugün sizlerle bloggerlar arasında sıkça konuşulan, kişisel alan adımızı blogger'a yönlendirme işleminden bahsedeceğim.
    Birçok domain servisi var ancak ben, şuan popüler olan Godady üzerinden anlatacağım.
    Bloğumuzun Ayarlar bölümüne giriyoruz. Daha sonra "bloğunuz için üçüncü taraf url ayarlayın" kısmına tıklıyoruz.
    Kayıtlı domain adımızı giriyoruz ve Kaydet diyoruz. Aşağıdaki gibi bir hata ile karşılaşmamız gerekiyor. Ad ve hedef kısmında yer alan değerleri bir yere not alıyoruz.
    Godady adresine gidiyoruz ve aşağıdaki gibi alan adını yönet kısmına tıklıyoruz.
    Görselde olduğu gibi, ⚙️ simgesine ve ardından
    Dns'i Yönet kısmına giriyoruz.


    • Öncelikle mor renk ile gösterdiğim önceden var olan dns değerlerini düzenliyoruz.       (Görseldeki ile aynı değerleri giriniz)
    • Yeşil renk ile gösterilen değerleri Ekle butonu ile A değeri girerek kaydediyoruz.              (Görseldeki ile aynı değerleri giriniz)
    • Pembe renkte olan bölüm ise verdiğim ilk görselde de pembe renk ile gösterdiğim blogger'ın bize verdiği not etmenizi istediğim değerler, Ekle butonunu kullanarak CNAME değeri ile kaydedin.

    Tekrar Blogger'a dönün ve tekrar kaydet deyin. Eğer aşağıdaki gibi ise alan adınız yönlendirildi demektir, deneyerek kontrol edebilirsiniz.
    Benim de uzun uğraşlar sonucu yaptığım bi konuydu, umarım güzel anlatabilmişimdir.
    Takıldığınız yerleri yorum bölümünde sormayı unutmayın.
    Domain hakkındaki tüm yazılarım için buraya tıklayın.
    Domain Nedir? yazım için buraya tıklayın 

    5 Aralık 2016

    Blogger mail adresi nasıl değiştirilir?

    Blogger hesabımızı farklı bir mail adresine geçirmek için öncelikle bloğumuzda Ayarlar/Temel bölümüne giriyoruz. Sonra aşağıdaki adımları izliyoruz ve bloğumuza bir yazar ekliyoruz.
    Sonra eklemiş olduğumuz mail adresine bir davet maili gelecek. Sırasıyla aşağıdaki adımları uyguluyoruz.
    Şimdi de eski hesabımızla giriş yapıp yeni eklediğimiz mail adresini Yönetici olarak atıyoruz.
    Son olarak yeni eklediğimiz mail adresiyle bloğumuza girerek eski mail adresini siliyoruz.
    Evet arkadaşlar çok basit adımlarla bloğumuzun mail adresini değiştirdik. Diğer yazılarda görüşmek üzere.
    Eğer bloğunuz yoksa buraya tıklayarak blog açabilirsiniz.

    2 Aralık 2016

    Blogger'a Adsense eklemenin en kolay yolu!

    Arkadaşlar merhaba bugün sizlere bloğunuza en kolay yoldan Adsense nasıl eklenir onu anlatacağım.

     Kendi deneyimlerim sonucu elde ettiğim bilgilerdir arkadaşlar.
     Öncelikle bir blog açtım ve birkaç yazı paylaştım ve bloğun Adsense bölümü aktif hale geldi. Bende hemen blog üzerinden başvuru yaptım malum ilk onayı geçti blogta reklamlar gözükmeye  başladı. Aradan bir hafta geçmeden yetersiz içerikten dolayı Adsense hesabı kapandı. Burda haklı olan onlar çünkü beş tane yazı anca vardı onlarda havadan sudan. Yani kendim kaşındım. Ondan sonra uzun süre bulaşmadım Adsense'e. Youtube'a birkaç video yüklemiştim, bu seferde burdan başvurdum Adsense'e sorunda çıkmadı reklamlar gözükmeyede başladı. Bu Youtube kanalı için bide blog hesabı açtım videoları paylaşmak için. Neyse Youtube ile onaylattığım hesabı bu bloğa bağladım ve sorunsuz çalıştı, yaklaşık bir ay oldu hiçbir sorunda çıkarmadı.
     Ben denedim işe yaradı sizde deneyin denemesi bedava işe yarayacağına eminim. İnşallah hepinizde işe yarar.

     Biraz uzun tuttuğum için kısaca özetliyim.

    *Bir youtube kanalı açın.

    *Birkaç video yükleyin.

    *Adsense'e başvurun.

    *Eğer onaylanırsa bu Adsense hesabını blogger hesabınıza bağlayın.



    22 Kasım 2016

    ,

    Sayfa düzeyi reklamları bloğa ekleme


    Selam arkadaşlar bildiğiniz gibi Google sayfa düzeyi reklamları adında iki mobil uyumlu reklam tipini tanıttı.

    Bende bir blogger olarak siteme bu reklamları eklemek istedim ancak bir sorunla karşılaştım. Ve çözüm yolları aramaya başladım farkettimki sorun çok basitmiş. Kısaca bloggerın kod sistemi farklı olduğu için site kodları kabul etmiyo ve hata veriyor.

    Burada yapmamız gereken çok basit. Adsense'in vermiş olduğu kodu kopyalıyoruz ve bir kod dönüştürücü ile Blogger'a uygun hale getiriyoruz. Kodunuzu bu sitede dönüştürebilirsiniz.

    Daha sonra dönüştürdüğümüz kodu bloğumuzun kod bölümündeki "head" yazısının hemen altına yapıştırıyoruz.
    Sıra geldi test etmeye. Mobil tarayıcıda bloğumuzu açıyoruz ve bloğumuzun adresinin sonuna #googleads yazıyoruz ve çalıştırıyoruz. Çıkan seçeneklerden reklam türünü seçip deneme yapıyoruz.

    Elimden geldiğince anlatmaya çalıştım arkadaşlar inşallah faydalı olmuşumdur. Sorun yaşarsanız yorumlarda sormaktan çekinmeyin.