Tavsiye: 12 Adımda Pazartesi Sendromunu Yenin! Hatırlayalım: 10 Adımda Pozitif Olma Rehberi
Fatih Özel Kolej

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

Sponsorlu Bağlantılar

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ı

Sponsorlu Bağlantılar


Teknobeyin Facebook
Sayfasını Bugün Beğenin!
  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.
Bugün Günlerden: . Toplam 19 kategorideki 7.957 yazıda 8.259 yorum bulunmaktadır.
Yukarı Çık