Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger 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.

4 Mart 2017

,

Blogger domain yönlendirenlere de https hizmeti sunabilir!


Merhaba bilgibil.com takipçileri, bugün karşıma çıkan bir durum karşısında yaptığım bir öngörüden bahsedeceğim. Bahsedeceğim şey başlıkta da görebildiğiniz gibi, bloggerda blogspot alan adını kullanırken verilen ancak domain yönlendirmesi yaptığımızda kaldırılan https hizmeti hakkında. Https bildiğiniz gibi, kullanıcıların sitenizde daha güvende olmasına yarayan bir güvenlik hizmeti olan SSL'nin http protokolü ile birleşmesi sonucu ortaya çıkan bir kısaltma. Ne işimize yarayacak bu demeyin, bu sistem yani SSL sitenizi ziyaret edenler ve sunucu arasında şifreli bir iletişim sağlar, buda ziyaretçilerinizin hertürlü dış etkiye karşı korunarak sitenizde gezinmesine olanak verir.
 Gelelim sizlere bahsettiğim öngörüme. Bugün blogger kullanıcı panelinde gezinirken garip bir durumla karşılaştım. İstatistikler kısmına girdiğimizde hepimizin bildiği gibi sitemizin istatistikleri çıkar, ve o istatistiklerin arasında "Kendi sayfa görüntülemelerinizin izlenmesini yönetin" şeklinde bi seçenek bulunur ve bu seçenek ile o anki ip adresinizden siteye girişlerinizin istatistiklere eklenmemesini sağlamak için sitenizin bir bölümüne yönlendirilirsiniz. Bu güne kadar domain yönlendirmesi yaptığım için http şeklinde açılan bölüm bugün https şeklinde açıldı, daha doğrusu açılamadı. Bende bu durumdan yola çıkarak acaba Blogger artık https hizmetini domain yönlendirenlerede mi verecek diye düşündün ve bu yazıyı hazırlayarak sizlerle paylaşmak istedim. Muhtemelen sizde de aynı durum vardır ve bu durum hakkında ne düşünüyorsunuz biz domain yönlendirenlere de https hizmeti gelir mi?
Olayın ekran görüntüsüde aşağıdaki gibi.
"Ben bekleyemem Blogger'ı biz yapamaz mıyız?" dediğinizi duyar gibiyim, bunun için SiberYol mükemmel bir yazı hazırlamış, buradan o yazıya ulaşabilirsiniz.

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.

    2 Ocak 2017

    ,

    Blogger'a Domain Bağlamanın Faydaları ve Zararları

     Merhaba arkadaşlar, bildiğiniz gibi Blogger'da ilk başladığımızda bize blogspot.com adresine bağlı bir site verilmekte, ancak kendimize ait bir domain'i de Blogger'a bağlayabiliyoruz. Peki kendi domain adresimizi Blogger'a bağlamak ne kadar faydalı veya bir zararı var mı?

     Faydaları;

    • Hit çekme konusunda blogspot.com halinden çok daha iyi, insanlar daha fazla ziyaret etmekte sitenizi.
    • İndekslenme koonusunda da standart domainden daha iyi ve Yandex ve Bing gibi sitelerde daha hızlı indekslenmekte.
    • Admatic gibi bazı reklam servisleri blogspot.com siteleri kabul etmemekte, domain bağladığınızda bu olumsuzluklarda ortadan kalkmakta.
    Zararları;

    • Adsense reklamlarını almanız zorlaşıyor, blogspot.com halinde şu yazımda bahsettiğim şekilde 3 yazı varken bile alabildiğiniz reklamlar, 60-70 yazıda bile onaylanamıyor.
    • Sitenizin güvenli biçimde ziyaret edilmesini sağlayan "https" etiketi kullanılamıyor, onun yerine "http" şeklinde kullanmanız gerekiyor.
    • Siteniz "www" veya kendi belirlediğiniz alt alan adı olmadan açılmıyor.
    Blogger hakkındaki diğer yazılarım için buraya tıklayın.
    Blogger'a Domain Yönlendirme 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 

    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.