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:

<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.