Anasayfa » blogger » blogger up-down button » codex » yukarı aşağı butonu » Blogger Yukarı-Aşağı Butonu

Blogger Yukarı-Aşağı Butonu

Blogger Yukarı-Aşağı Butonu
Bu kod ne işe yarar?
Sayfanızın sağ alt kısmında 2 adet buton bulunur, bu butonların birine tıkladığınızda sayfanın otomatik olarak aşağı inmesine, diğerine tıklayarak ise otomatik olarak sayfanın yukarı çıkmasına yarayan güzel bir eklentidir.
Nasıl bloguma eklerim?
Blogger için yukarı-aşağı butonu eklentisini blogunuza eklemek için aşağıdaki kodu blogger admin panelinden Yerleşim>Gadget Ekle>HTML/JavaScript'e yapıştırmak ve kaydetmektir.
<style>a#scrlBotm{ background:transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/32x32/rnd_br_down.png) no-repeat top left; position:fixed; bottom:5px; right:5px; width:32px; height:32px; } a#scrlTop{ background:transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/32x32/rnd_br_up.png) no-repeat top left; position:fixed; bottom:40px; right:5px; width:32px; height:32px; }</style><br />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js?ver=1.6.1'></script><br />
<script language='javascript' type='text/javascript'> $(function () { $('#scrlBotm').click(function () { $('html, body').animate({ scrollTop: $(document).height() }, 1500); return false; }); $('#scrlTop').click(function () { $('html, body').animate({ scrollTop: '0px' }, 1500); return false; }); }); </script><a href="#" id="scrlTop" /><a href="#" id="scrlBotm" /></a></a>

" Blogger Yukarı-Aşağı Butonu " icin 0 yorum :

* Yorum yazarken imla kurallarına dikkat etmeniz sizin ve bizim yararımıza olucaktır.
* Argo, dini, siyasi, vs. tartışma çıkaracak yorumlardan kaçınınız.