| Üye olun RSS

Blogger kullananlar için oyyla.com düğme ve logoları

Nisan 30th, 2007 Posted in Internet, oyyla, web
Blogunuz için WordPress veya herhangi bir php tabanlı içerik oluşturucu kullanıyorsanız ya da kendi tasarımınızı kendiniz yapıyorsanız aşağıdaki linkte oyyla.com düğme ve logolarının nasıl ekleneceği anlatılmakta:
http://www.oyyla.com/logo-dugme

Eğer benim gibi Blogger kullanıyorsanız ve bu düğmeler her gönderi için otomatik olarak çıksın istiyorsanız, Blogger’da tercih ettiğinniz şablon (template) üzerinde bir takım değişiklikler yapmanız gerekiyor. Bu değişiklikleri adım adım yazmaya çalıştım:
  • http://www.blogger.com‘da dashboard (kontrol paneli) sayfasına giriyorsunuz.
  • Template (Şablon) linkine tıklıyorsunuz.
  • Şablonda <$BlogItemTitle$> satırını buluyorsunuz. Bu satırın hemen üstüne aşağıdaki 4 satırı ekliyorsunuz, böyece her sayfanın sol üst köşesinde şeklinde hem yazınıza verilen oy miktarının görünmesini hem de yeni oy verilmesini sağlayabiliyorsunuz:
<div align=”left”>
<script type=”text/javascript”> gonder_url=”<
$BlogItemPermalinkUrl$>”; </script>
<script src=”http://www.oyyla.com/dod” type=”text/javascript”> </script>
</div>

  • Aynı logonun sağ üst köşede görünmesi için şablondaki <$BlogItemTitle$> satırının üstüne aşağıdaki 4 satırı eklemelisiniz:
<div align=”right”>
<script type=”text/javascript”> gonder_url=”<$BlogItemPermalinkUrl$>”; </script>
<script src=”http://www.oyyla.com/dod” type=”text/javascript”> </script>
</div>
  • Bu logoyu yazınızın altında yer almasını istiyorsanız şablondaki <$BlogItemBody$> satırının altına yukarıdaki kodu ekleyebilirsiniz.
  • Şablonun aynı bölgelerinde Oyyla! logosunun çıkması için aşağıdaki kodu eklemelisiniz:
<a href=”javascript:location.href=’http://www.oyyla.com/gonder?url=’+encodeURIComponent(location.href);”>
<img src=”http://www.oyyla.com/ld/oyyla-logo-16×16.gif” title=”Bu yazıyı Oyyla!” /> Oyyla!
</a>
  • Şablonun aynı bölgelerinde logosunun çıkması için aşağıdaki kodu eklemelisiniz:
<a href=”javascript:location.href=’http://www.oyyla.com/gonder?url=’+encodeURIComponent(location.href);”>
<img src=”http://www.oyyla.com/ld/byo.png” title=”Bu yazıyı Oyyla!” />
</a>

Bu arada oyyla.com nedir?
oyyla.com, Internette dolaşırken rastladığınız ilginç haber veya yazıları diğer gezginlere duyurabildiğiniz, gönderilenleri okuyabildiğiniz, oylayabildiğiniz ve yorumlar yazabildiğiniz bir içerik paylaşım sitesidir.

Bu işi digg.com, reddit.com gibi siteler uzunca bir zamandır yabancı içerikli olarak yapıyordu artık kısa süre önce açılan ve henüz beta yayını yapan oyyla.com ile yerli içerikli yazılarında paylaşıldığı, oylandığı bir platform oluşmuş oldu.

Düzeltme(02.05.2007) : Javascript kodunda <$BlogItemUrl$> değişkeni <$BlogItemPermalinkUrl$> olarak değiştirilmiştir.
Düzeltme(02.05.2007) : Düğmenin sağda çıkmasını sağlayan kod değiştirildi. (Uyarılar için teşekkürler..)

5 Responses to “Blogger kullananlar için oyyla.com düğme ve logoları”

  1. yengeç Says:

    oyyladım gitti…


  2. skkd Says:

    kodlar blogger ın eski versiyonu için sanırım, öyle değilse bile yeni blogger da nereye yapıştıracağımız belli değil.. bir de başlığın sağında ve solunda göstermek için aynı kod verilmiş…

    şu yeni bilogır konusunda yardımcı olabilirsen sçok sevinirim


  3. Sezer Yeşiltaş Says:

    Kodlar blogger’ın eski şablon yapısı için. Yeni şablon yapısı için bir widget hazırlayıp yakın zamanda yayınlayacağım. Uyarı için teşekkürler…


  4. Taken Says:

    öncelikle merhaba ben böyle bir sistem arıyordum gelen ziyaretçilerim göndermelerime puan vermesini çok arıyordum ve bunu google bloggerdan çok bekledim ama birtürlü çıkarmamışlardı bende yeni şablon kullanıyorum.emeğiniz ve çalışmalarınız güzel tebrik ederim.


  5. Sezer Yeşiltaş Says:

    Blogger’ın yeni şablonunu kullanıyorsanız buradan ilgili widget’a erişebilirsiniz.


Leave a Reply