Sezer Yesiltas
30 Nisan 2007
 

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.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-16x16.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..)

Etiketler: , ,

 
Yorumlar:
oyyladım gitti...
 
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
 
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...
 
ö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.
 
Blogger'ın yeni şablonunu kullanıyorsanız buradan ilgili widget'a erişebilirsiniz.
 
mobil chat sohbet
 
Yorum Gönder

Kaydol: Kayıt Yorumları [Atom]





<< Ana Sayfa

Pardus... Özgürlük İçin...

Yeni yazılardan RSS ile haberdar olun
Yeni yazılardan Email ile haberdar olun
<$Kullandığım veya araştırdığım Windows, Linux veya Cep Telefonu yazılımların tanıtımını, ilgimi çeken web siteleri ve hizmetlerini ve bazı ufak tefek temel bilgileri vakit buldukça burada paylaşacağım.r /> 'Burada yer alan web sitesi,kurum,kuruluş veya yazılımlarla ilgili herhangi bir ticari ilişkim bulunmadğı gibi tüm yorumlar tamamen kişiseldir ve şahsi deneyimlere dayalıdır. Tanıtım yapılan yazılım ve hizmetler, üretici kuruluşa (ve yazdıklarımdan dolayı bana) herhangi bir sorumluluk yüklemez.'



<$
Fotoğrafım
Ad:
Konum: Istanbul, Türkiye