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.
Merhaba,
YanıtlaSilBenim 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ı?
Serdar abi nasılsın bloğuma bir bakarmısın nasıl sence
Silhttp://blogcumuratemre.blogspot.com.tr
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ıtlaSilTeşekkürler.Hemen deniyorum, umarım çalışır.
YanıtlaSilMerhabalar,
YanıtlaSilBloğ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...
merhaba yorumunuz için teşekkürler.Hemen ziyaret ediyorum blogunuz
SilAş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/
YanıtlaSil-----
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.
-----
Ç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çok teşekkür edrim baya işime yaradı http://arastirmacisite.blogspot.com.tr/
YanıtlaSilTam 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.
YanıtlaSilBir yerde bir hata var ama...
http://birsoranbirbilen.blogspot.com/
Az önce ekledim çalışıyor.Günün sözü 1, 2,3 vs ifadelerini değiştirmeniz gerekiyor.
SilMerhabalar. 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ıtlaSilMerhaba 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ı
YanıtlaSilhttp://blogcumuratemre.blogspot.com.tr