HTML siteniz var ve onlarca sekme arasında biraz daha dikkat çeken bir tasarıma sahip olmasını istiyorsunuz. Hatta bugünlerde hep birlikte birbirimize verdiğimiz #Evdekal mesajını da sitenizin ziyaretçilerine vermek istediğinizi düşünerek aşağıdaki gibi bir html title uygulamasının nasıl hazırlanabileceğini ve kayan yazı ile uzun bir yazının bile nasıl yazdırılabileceğini paylaşacağım.
Böyle bir uygulama yaoabilmek için Html içinde Javascript'ten yararlanacağız. body tag'ı içerisinde her 100 milisaniyede bir güncellenen bir işlem ile yazi adındaki değişkenimiz içinde yazdığımız yazının 30 karakterini kaydırarak göstereceğiz ve yazdığımız kodları tarayıcıda açtığımızda bu şekilde görünecek.
Not: Kırmızı kalp için internetten istediğiniz favicon'u ekleyebilirsiniz, ben kodlarda kafa karışıklığı olmaması için kaldırdım.
HTML ve Javascript Kodları:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>#Evdekal</title>
<script type="text/javascript">
yazi = "#Evdekal ♥ Sağlıklı Kal ♥ Kendine iyi bak";
function step() {
yazi = yazi.substr(1) + yazi.substr(0,1);
document.title = yazi.substr(0,30);
}
</script>
</head>
<body onload="setInterval(step,100)">
</body>
</html>