Blogger kullananlar için oyyla.com düğme ve logoları
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.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>
<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>
<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>
<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>
<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) : Düğmenin sağda çıkmasını sağlayan kod değiştirildi. (Uyarılar için teşekkürler..)
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..)
