Home » , » Sitenizin Yandex Browser Widgetini Oluşturun

Sitenizin Yandex Browser Widgetini Oluşturun

Sitenizin Yandex Browser'da widgetinin nasıl görüneceğini belirlemek isterseniz aşağıdaki adımları uygulayarak basit ve hızlı bir şekilde widgetinizi oluşturabilirsiniz.

Yandex API tablosuyla iki çeşit widget oluşturabiliriz. Bildirimli ve Bildirimsiz. Şimdilik Bildirimsiz widgetimizi nasıl oluşturacağımızı anlatacağım.
Öncelikle sitemizin logosunu widget gereksinimlerine göre ayarlamamız gerekiyor.
Logo Gereksinimleri:

  1. Biçim: PNG.
  2. Arkaplan: Saydam.
  3. Genişlik: En fazla 150 piksel.
  4. Yükseklik: En fazla 60 piksel.
  5. Widgetin dolgu renginin HTML kodu(Logo, widgetin dolgu rengiyle uyum sağlamalıdır.)
Medikolik.blogspot.com için örnek bir widget oluşturacağım. Blogger sitesi için widget oluşturacaklar  aynı adımları izleyebilirler.
1.Adım:Logomuzu hazırladık:
150x60 boyutlarında
Png formatında.
Widget  dolgu rengi  olarak siyah  rengi tercih  ettim.
Siyahın Html kodu:#000000
Diğer renklerin kodlarını buraya tıklayıp görebilirsiniz.
2.Adım: Logomuzu bir resim barındırıcıya yüklüyoruz ve Logomuzun URL'sini bir yere not alıyoruz.
Ben blogumun Picasa albümüne yüklüyorum.
Logomun URL'si: http://4.bp.blogspot.com/-bTGQgHIT2w0/UvEwnEqFkwI/AAAAAAAAcZ4/VlxwmejQ-A8/s1600/medikolik.png
3.Adım: Json dosyası oluşturuyoruz.
Bir yeni metin belgesi oluşturup aşağıdaki  kodları kopyalayın.
{
    "version": "0.1",
    "api_version": 1,

    "layout": {
        "logo": "http://4.bp.blogspot.com/-bTGQgHIT2w0/UvEwnEqFkwI/AAAAAAAAcZ4/VlxwmejQ-A8/s1600/medikolik.png",
        "color": "#000000",
        "show_title": false
    }
}
logo URL'sini kendi logonuzun URL'siyle değiştirin.
color kısmında kendi widgetinizle uyumlu rengin HTML kodunu yazın.
Dosyayı Farklı kaydet deyip manifest.json adıyla kaydedin.
4.Adım: manifest.json dosyamızı Upload ediyoruz:
Bir hostinge yada barındırabileceğimiz başka bir yere yüklüyoruz.
Upload  işleminden sonra manifest.json dosyamızın URL'sini kopyalayıp bir yere not alıyoruz.
Benim dosyamın URL'si: http://testcalisma.hol.es/dos/mj/manifest.json
5.Adım:Aşağıdaki Manifesto bağlantısını sitemizin <head> etiketinin altına yerleştiriyoruz.
<link rel="yandex-tableau-widget" href="http://testcalisma.hol.es/dos/mj/manifest.json" />
href kısmına kendi manifest.json dosyanızın URL'sini yerleştirin ve kaydedin. Bir süre sonra Yandex Browser'da widgetiniz aşağıdaki gibi görünecektir.
Bildirimli widgeti nasıl yapacağımızı daha sonra yazacağım.
Muyuta.com

    2 yorum:

    1. çok güzel anlatmışsın kardeşim.yandexten bakarak yapamıodum,benim istediğim bildirimli nasıl yapıcaz.yardımcı olursan sevinirim

      YanıtlaSil
    2. siteye gerçekten orjinallik havası katıyor.emeğine sağlık

      YanıtlaSil