Sitenize sayfa yukarı git (Back to top) butonu ekle


Google Sites Site'nize ( Back To Top ) Sayfa yukarı git butonu 
ekleme konusunu inceleyelim;

Şık ve güzel bir tasarım görünümündeki bu butonu sayfanıza eklemek için yapacaklarımızı sırası ile anlatalım. Aşağıda görselin küçük ve şık görüntüsü yeralmakta. Bu görsel butonu sayfanıza İngilizce yada Türkçe olarak vereceğim kodu kullandığınızda sayfanızda çok kibar bir görüntüye sahip olacaksınız. Bu kod ne işe yarar derseniz, ismi üstünde herkesin bildiği gibi yazılarınızı okuyan ve sayfa sonuna gelen okuyucu kitlenizin maus'la sürükleme yapmadan tek tıkla sayfa başına çıkmasına yardımcı olan kullanışlı  bir araç.

Yukarı Git         Back to Top  ▲

Resim : 1 "Yukarı git" (Back To Top)  görüntüsünün siteye uygulanmış görüntüsü
Sayfa yukarı git

Şimdi sırası ile yazılanları uygulayarak bu küçük dostumuzu sitemize adapte edeceğiz.Oda bizi kırmadan görevini devam ettirecek.Gelen okuyucu misafirlerinize eşlik edip onlara rehberlik ederek yönlendirecek.


Ekleyeceğimiz kodumuz aşağıda verilmiştir.Seçim sizin ekleyeceğiniz kodlardan birini seçin ve şu adınları izleyin;

Diğer > Siteyi Yönet > Sayfa Düzeni >Alt Bilgi İçeriğini Düzenle tıklayın.

Açılan metin kutusunda (exel sayfasına benzer bir sayfadır.)

HTML Düzenleye tıklıyoruz. Aşağıda verdiğim kodlardan birini kutuya yapıştırıyoruz.

Önizle tıklayın.Kodumuz çalıştı ve sol köşede çıktı. Burda Güncelle tıklıyoruz. Güncellenmiş olan kodumuzu yukarıdan sağ tarafa çek butonu ile sağ kısma çekiyoruzki sitemizin en altında köşede sağ kısımda görülsün. Tamam tıklayarak sitemizi kaydediyoruz.
Yukarıdaki resimde gördüğünüz yukarı çık butonumuzun görüntüsüdür.

Ekleyeceğimiz kodlar 

<a href="#" style="text-decoration:none">Back to Top ▲</a>



<a href="#" style="text-decoration:none">Yukarı Git ▲</a>


ÖNEMLİ NOT: Sayfa ayarlarında biraz önce bahsettiğim Alt Bilgi İçeriğini Düzenle yazısını göremeyebilirsiniz. Bunun nedeni sayfa ayarlarınızı yapmamış olmanızdan kaynaklanmaktadır.Böyle bir sorun ile karşılaşırsanız bir sonraki yazımı takip edebilirsiniz.

Bu blogdaki popüler yayınlar

Youtube Video Önizleme Küçük Resmi Nasıl Değiştirilir

YouTube Kanalına Yönlendiren Özel URL Alma

Friend Connect Blogger İzleyiciler Gadgeti Emekli Çözüm

WordPress Facebook Google Plus Disqus Yorum Eklentileri

Windows 10 Rezervasyon Bildirimi Çıkmıyor mu Çözüm

Blogger Üst Menüye Kategori Ekleme (Videolu Anlatım)

Attribution Gadgetini Etkinleştir (Videolu Anlatım)

Wix Ücretsiz Sitenize Yorum Kutusu Ekleme

Son Yazılar Eklentisi (Animisyonlu)