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

Kategori Listesini Göster

Blogger için Basit Yukarı Çık Butonu Yapımı


FacebookTwitterPinterestTumblrYazdır


Blogger için Basit Yukarı Çık Butonu YapımıBu zamana kadar gerek JavaScript ile gerek jQuery kullanarak yukarı çık butonu yapmayı anlatmıştık. Şimdi ise Blogger için çok sade bir tasarıma sahip olan ve saf JavaScript kullanılarak hazırlanmış olan bir yukarı çık butonu daha paylaşıyor olacağız. Tasarımı elbette dilediğiniz gibi değiştirebilirsiniz. Aşağıdaki kodları ise HTML/JavaScript Ekle bölümüne veya direkt temanızın içerisinde istediğiniz alana ekleyebilirsiniz. Kodu sidebar bölümüne eklemenizi tavsiye ediyorum.

AYRICA: Blogger için Mükemmel Ötesi Açılır Etiket (Kategori) Listesi

Blogger için Basit Yukarı Çık Butonu Yapımı

<script type="text/javascript">
var timeOut;
function scrollToTop() {
if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
window.scrollBy(0,-100);
timeOut=setTimeout('scrollToTop()',0);
}
else clearTimeout(timeOut);
}
</script>
<div class="yukariabi"><a href="#" onclick="scrollToTop();return false">Yukarı Çık</a></div>
<style>
.yukariabi a{line-height:30px;font-size:150%;color:#fff!important}
.yukariabi{-moz-box-shadow: 0px 0px 30px 0px #999; -webkit-box-shadow: 0px 0px 30px 0px #999;box-shadow: 0px 0px 30px 0px #999;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;height:30px;padding:15px;text-align:center;background-color:#EF6950;}
</style>

Görünüm

Blogger için Basit Yukarı Çık Butonu Yapımı

  1. Yorum bulunmamaktadır.

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