Blogger İçin JQuery Yukarı Çık Butonu





 
  Siteniz veya blogunuzu ziyaret eden kullanıcılar için güzel bir eklenti. Artık sitenizin yada blogunuzun kullanıcıları kaydırma çubuğunu kullanmak zorunda değil. Tek tuşla Yukarı Çıkabilirler. Sözü kısa keselim ve
anlatıma geçelim



1-Tasarım/Html/Widget Şablonunu Genişlet

2-Aşağıdaki kodu buluyoruz(ctrl+f)

]]></b:skin>

3- Yukardaki kodun Üstüne aşağıdaki kodu ekliyoruz
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

4- CTR+F tuş kombinasyonu yardımıyla aşağıdaki kodu buluyoruz

</head>

5- Yukardaki kodun Üstüne aşağıdaki kodu ekliyoruz ve şablonumuzu kaydediyoruz

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39; 
};
*/

$().UItoTop({ easingType: &#39;easeOutQuart&#39; });

});
</script>



Yorum

Ad

2011-2012,1,Altyazı,5,Araçlar,1,Assassin’s Creed,1,bayram,1,beğen,2,Bilim-Kurgu,1,Blog,1,Blogger,37,Blogger İçin Arama Kutuları,1,Blogger İçin Yukarı Çık Butonu,1,Blogger Tema,14,bulut,1,cevap,1,Chat,1,ChromeGT,1,Counter-Strike,1,CS: Global Offensive,1,demo,1,DGS,1,Diz,1,Dizi,7,Duyuru,1,ehliyet,2,Eklentiler,11,etiket,1,Facebook,2,Featured,3,fikstür,1,Film,5,Flash,2,Flash Müzik Aletleri,1,Flash Twitter Takip Edin Kusu,1,Flash Twitter Takip Edin Kusu-2,1,Futured,2,Galeri,1,Genel,68,Gitar,1,Gönderi,1,Haber,1,Hareketli,1,Hata,1,Html,1,indir,1,JQuery,1,Karav1,1,Kayan,1,kazakistan,1,Kesif,2,key,1,kırma,1,Kişisel,4,Kitap,5,kod,1,komik,2,Link Takas,1,maç,1,merlua,1,mesaj,1,MTSS,1,Müzik,1,Nasıl Yapılır ?,1,Nasil,1,NTV spor,1,Os,1,Oyun,5,Pes 2012,2,Pes 2013,1,Pirelli 2012 takvimi,1,Pop up Sosyal Paylaşım Butonları,1,PoSosyal Paylaşım Butonları,1,Psd,3,resim,1,S,1,sezon,1,Sınavlar,3,Site İçinde Uçan Twitter Kuşu Kodu,1,Site Tasarım,4,sitemap,1,sonuç,1,soru,1,Sosyal Ağlar,1,sosyal paylaşım ikonları,1,Spor,2,Süper Lig,1,şifre,1,Tablo,1,Tanıtım,1,TDizi,3,teknoox,1,tema,4,tercih,1,Torrent,8,türkiye,1,Video,2,westward,1,Yabancı,2,Yazılar,2,yerleştirme,1,Yolcu Tr,1,Yurdumun İnsanı,1,
ltr
item
Teknoox: Blogger İçin JQuery Yukarı Çık Butonu
Blogger İçin JQuery Yukarı Çık Butonu
http://1.bp.blogspot.com/-7Vxn0TZCbMQ/Tk0JT1JsRQI/AAAAAAAAAlw/gKnH0jfjuhU/s200/blogger+yukar%25C4%25B1+%25C3%25A7%25C4%25B1k.png
http://1.bp.blogspot.com/-7Vxn0TZCbMQ/Tk0JT1JsRQI/AAAAAAAAAlw/gKnH0jfjuhU/s72-c/blogger+yukar%25C4%25B1+%25C3%25A7%25C4%25B1k.png
Teknoox
http://www.teknoox.info/2011/08/blogger-icin-yukar-ck-butonu.html
http://www.teknoox.info/
http://www.teknoox.info/
http://www.teknoox.info/2011/08/blogger-icin-yukar-ck-butonu.html
true
5400148481297904332
UTF-8
Tüm Yazılar Yükleniyor Ama Birşey Bulamadım Tümünü Görüntüle Devamı Cevapla Gerial Sil Yazan Anasayfa Sayfalar Yazılar Tümü Bakılasıcalar Etiket Arşiv Ara Tüm Yazılar Herhangi birşey bulunamadı. Geri Işınlan Sunday Monday Tuesday Wednesday Thursday Friday Saturday Pzr Pts Sal Çar Per Cum Cts Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis May Haz Tem Ağu Eyl Eki Kas Ara Şimdi 1 dakika önce $$1$$ ay önce 1 hafta önce $$1$$ gün önce Dün $$1$$ gün önce $$1$$ hafta önce 5 hafta önce Takipçiler Takip Ücretli Paylaşım Kilidi Kopyala Tümünü Seç Kopyalandı Copyalamak İçin [CTRL]+[C] (or CMD+C with Mac) to copy