Blogger başa dön butonu, yukarı çık ve aşağı in eklentisi
Blog siteleri veya web siteleri için yukarı çıkma butonu hem işlevsel hem de görünüme artı puan kazandıran bir yöntem. Benim paylaşacağım kod ile hem yukarı çık hem de aşağı in butonu ile blog sayfasında kolay gezebileceksiniz. Blogger servisi için tasarlanmış bu animasyon destekli kod ile sorunsuz bir kullanım sağlayacaksınız. Özellikle blog sayfasında devamını oku kullanmayan ve uzun yazılar paylaşan yazarlar için gayet kullanışlı olacağını düşünüyorum. Böylece okuyucular başa dönme butonu ile uğraşmadan blog sayfanızı inceleyebilirler.
Başa Dön (Scroll to Top) Eklentisi Nasıl Eklenir?
Eklentiyi kurabilmeniz için iki aşamalı bir kod ekleme yapacağız.
1) İlk olarak css kodları için ]]></b:skin> kodunun hemen üstüne aşağıdaki kodu ekleyin. Eğer çalışmazsa </style> kodunun bir satır üstüne ekleyin. background: #666 renk kodunu değiştirerek istediğiniz rengi ekleyebilirsiniz. Html renk kodları ve isimleri yazımı okuyarak renk fikirleri edinebilirsiniz.
2) Temanızda </body> kodunu aratarak hemen üstüne aşağıdaki javascript kodunu ekleyin. Kaydettikten sonra blog sayfanızı incelediğinizde başa dön butonunun çalıştığını göreceksiniz.
Kaynak: Blogger Eklentileri
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵
Hemen uyguladım ben de, çok güzel oldu. Teşekkürler.. :)
YanıtlaSilBende severek kullanıyorum..Güzel olmuş iyi günlerde kullanın
SilBende farklı bir sistem var ama kod güzel. Sanırım bu kodu uygulayacak gibiyim :)
YanıtlaSilMobil uyumlu ve hiçbir kasma yok. Yukarı ve aşağı beraber olması avantaj. Teşekkürler yorum için.
SilAslında aşağıya inme butonu gereksiz, ne amaçla yapmışlar anlamadım. Belki de ziyaretçinin dikkatini çekip oynasınlar diyedir :D
YanıtlaSilBaşa dönme butonu çok iyi, animasyonu falan harika ve kullanışlı. Sayfa hızını da etkilemiyor gibi. Oynayası geliyor insanın.
Sayfayı hızlı ziyaret etmek için kısayol olarak düşünelim:) Ben severek kullanıyorum eklentiyi ve mobil uyumlu olması da güzel. Sayfa hızı konusunda problem yok. Teşekkürler yorumun için.
SilSanırım bunu kullanabilirim.. teşekkürler paylaşımın için :)
YanıtlaSilRica ederim.
SilBende işe yaramadı :( /style diye bir sürü kodum var /b:skin'in üstüne koyunca da olmadı :( Sadece yukarıdaki buton görünüyor ama aşağı inme olayını gerçekleştirmiyor. En aşağı indiğimde de aşağıdaki hiç görünmüyor :)
YanıtlaSilSorunu çözdüm :) Sanırım Css kodları /b:skin ile bitenlerde genel olarak olmuyor ama kodlar bütünüyle hmtl/javascript widget ile eklenirse işe yarıyor :) Script kodu olduğu gibi, css kodlarının da başına ve sonuna < style > olacak şekilde ekleme yaparak hemen altına koydum oldu :)
SilTeşekkürler, böylesini arıyordum sürekli :)
Ben yorumu okuyuncaya kadar kendiniz çözmüşsünüz. Yöntem işe yaramış ve güzel olmuş. Bende severek kullanıyorum. Daha iyisini bulana kadar en iyisi bu kod gibi duruyor. Ben ]]> kodunun üstüne ekleyerek yapmıştım. Teşekkürler yorumunuz için.
Sil