Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için 'Küçülüp Büyüyen' yukarı çık butonu


FacebookTwitterPinterestTumblrYazdır


Evet arkaşlar bu dersimizde 'küçülüp büyüyen' bir yukarı çık butonu oluşturmayı öğreneceğiz. Ayrıca eğer ki jQuery ile hazırlanmış olan bir yukarı çık butonu kullanmayı istiyor iseniz şu yazımı ziyaret etmeniz yeterli olacaktır. Herneyse, konumuza dönmek gerekir ise; bu dersimizde JavaScript ile hazırlanmış bir yukarı çık butonu kuracağız. Mantık çok kolay, şöyle ki; yukarı çık butonu normal bir şekilde işlevine devam edecek. Fakat butonun üzerine geldiğiniz an butonun bir büyük versiyonu karşımıza çıkacak. Yani amaç nedir? diye düşünebilirsiniz. Amaç, farklılık. Yani blogunuzda farklılıklar yaratmak istiyor iseniz bu eklentiyi kurabilirsiniz. Ayrıca kurulum bakımından da oldukça basit.

Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/JavaScript Ekle adlı bölüme girerek aşağıdaki kodları ekliyoruz;

<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://i56.tinypic.com/b7z7r7.png?imgmax=800'" src="https://i54.tinypic.com/zvzom0.png?imgmax=800" onmouseout="this.src='http://i54.tinypic.com/zvzom0.png?imgmax=800'"/></a>
<!--BACK-TO-TOP-STOPS-->


    • Çiğdem
    • 30 Aralık 2011, 18:49

    Teşekkür ederim,yararlı bir uygulama.Siteme hemen ekledim.
    İyi yıllar..

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık