Blogger a Günün Sözü Nasıl Eklenir

Beğendiğiniz ve arkadaşlarınızla paylaşmayı düşündüğünüz sözler var ve bunu blogunuzda göstermek mi istiyorusunuz?İşte size blogunuzda beğendiğiniz sözleri paylaşacağınız küçük bir ipucu.
Çoğu sitede bu tarz bir eklentiyle karşılaşmışsınızdır.Site her açılışta farklı bir söz yükleyor ve blogunuza farklı bir hava katıyor.Eğer sizde böyle bir şeyi sitenizde göstermek istiyorsanız aşağıdaki adımları takip edin.
Bunu gerçekleştirmek için sizlere iki farklı yöntem sunacağım: 

1-Sayfanız yenilendiğinde değişen sözler

Bu yöntemle sayfanız her açılışında farklı bir söz yüklenecek.Bunu sayfanıza ekleme isterseniz blogger hesabınıza giriş yaparak sayfa öğelerinden Html/JavaScript ekle seçeneğini seçerek aşağıdaki kodları düzenleyerek kopylayın ve çıkan pencereye yapıştırın:
günün_sözü













<div style="width:500px;height:50px;background:#DDD;padding:5px 5px 5px 5px;margin:0px auto">
<!-- RANDOM QUOTES -->
<script type="text/javascript">
quotes = new Array()
quotes[0] = "Günün Sözü1"
quotes[1] = "Günün Sözü2"
quotes[2] = "Günün Sözü3"
quotes[3] = "Günün Sözü4"
quotes[4] = "Günün Sözü5"
quotes[5] = "Günün Sözü 6"
randomquote = Math.random() * (quotes.length)
randomquote = Math.floor(randomquote)
document.write(quotes[randomquote])
</script>
<!-- RANDOM QUOTES -->
</div>
Kırmızı renkli kısımlara beğendiğiniz sözleri yazıyorsunuz ve kaydediyorsunuz.

2-Anlık değişen sözler

Bu yöntemle ise yazılarınız belirli bir periyodla sürekli olarak değişecek .Sayfanızın yenilenmesi gerekmiyor.Belirlediğiniz sözler peş peşe sırayla görüntülenecek.Bunu yapmak için aynı şekilde Html/JavaScript ekle kısmına gelerek aşağıdaki kodları düzenleyerek ekleyin:
<!-- ROTATING QUOTES -->
<script type="text/javascript">
var index = 0;
quotes = new Array();
quotes[0] = "Text 1";
quotes[1] = "Text 2";
quotes[2] = "Text 3";
quotes[3] = "Text 4";
quotes[4] = "Text 5";
quotes[5] = "Text 6";
index = Math.random()*(quotes.length);
index = Math.floor(index);
function rotator() {
if (index == quotes.length) {index = 0;}
document.getElementById("rotation").innerHTML = quotes[index];
index++;
setTimeout("rotator();",5000);
}
</script>
<!-- ROTATING QUOTES -->
<div id="rotation" style="width:500px;height:50px;background:#DDD;padding:5px 5px 5px 5px;margin:0px auto"></div>
<script type="text/javascript">rotator();</script>
Evet yapmanız gereken bu kadar.Tabii benim aklıma bu kodla yapılacak en iyi şey günün sözü oldu ama farklı alternatiflerde de  kullanılabilir.

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

13 yorum:

  1. Merhaba,
    Benim yazıda paylaştığın anlık değişen sözler gibi bir şeye ihtiyacım var ancak ben bu kodlardaki gibi rotasyon yerine günlük (24 saatte bir) değişmesini istiyorum.Nasıl yapılacağı hakkında bir fikrin varmı?

    YanıtlaSil
    Yanıtlar
    1. Serdar abi nasılsın bloğuma bir bakarmısın nasıl sence

      http://blogcumuratemre.blogspot.com.tr

      Sil
  2. aklıma gelen setTimeout("rotator();",5000); kodundaki 5000 değerini artırmak.5000>>>5 saniyeye tekabul ediyor.24 saate göre düzenleme yapılabilir =).

    YanıtlaSil
  3. Teşekkürler.Hemen deniyorum, umarım çalışır.

    YanıtlaSil
  4. Merhabalar,
    Bloğunuzu yeni keşfettim ve çok beğendim.
    Sizi izlemeye aldım. Bana da beklerim: http://fatoscatadlar.blogspot.com/
    Güzel paylaşımlarda görüşmek dileğiyle,
    İzmir'den sevgiler...

    YanıtlaSil
    Yanıtlar
    1. merhaba yorumunuz için teşekkürler.Hemen ziyaret ediyorum blogunuz

      Sil
  5. Aşağıdaki hesaplamalar bana ait. yanlış varsa düzeltebilirsiniz. Galiba günden güne değişen yazıyı buldum. sadece koddaki ''5000'' yerini gösterdiğim gibi değiştireceksiniz. İyi günler, http://erkeksacstilleri.blogspot.com.tr/
    -----
    5 saniye 5000 ise,
    1 saniye 1000 dir.
    -----
    1 saat 60 dk ise,
    24 saat 1440 dk dır.
    -----
    1 dk 60 saniye ise,
    1440 dk 86400 saniye dir,
    -----
    1 saniye 1000 ise,
    86400 saniye 86400000 eder.
    -----

    YanıtlaSil
  6. ÇOK TEŞEKKÜR ederim günlerdir aklımda telefonuma da not etmiştim emeğinize sağlık başarılar ''günün sözü'' olarak faydalı bir şey siteler için ben faydalı bilgiler koymayı düşünüyorum ''sağlık'' kategorisi gibi felan ziyaretçilere bir şeyler verebilirsek ne mutlu

    YanıtlaSil
  7. çok teşekkür edrim baya işime yaradı http://arastirmacisite.blogspot.com.tr/

    YanıtlaSil
  8. BEGÜM TANYERİ27/5/15 09:51

    Tam aradığım şey buydu ama tam olarak çalışmadı. Sadece "Günün Sözü" başlığı çıkıyor. Sözler görülmüyor.
    Bir yerde bir hata var ama...


    http://birsoranbirbilen.blogspot.com/

    YanıtlaSil
    Yanıtlar
    1. Az önce ekledim çalışıyor.Günün sözü 1, 2,3 vs ifadelerini değiştirmeniz gerekiyor.

      Sil
  9. Merhabalar. Söylendiği şekilde yaptım ama sidebarda yazılar gri arkaplanlı çıkıyor ve çerçeveye sığmıyor. Nasıl çözebilirim onu?

    YanıtlaSil
  10. Merhaba bu yazını okuduğumda sizin samimiyetinizi ve özendiğinizi farkettim izlemeye aldım. Bide bir soru bunu blogumda kullansam sitenin açılış süresi uzarmı

    http://blogcumuratemre.blogspot.com.tr

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.