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ü

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

Reklamlar

UNUTMAYIN! YORUMLAR DİĞER KULLANICILARA YOL GÖSTERİR

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s