Enes İLHAN\ Jquery ile Yukarı Çık Butonu Yapma

Blogger İpuçları 6 yorum 5.292 20 Eylül 2010

Bugünlerde Jquery ile fazla ilgilenmeye başladım. Gerçekten artık Flash‘ın yerini alabilecek bir yöntem jquery. Jquery ile birçok şey yapmak mümkün. İletişim formundan, slide galeriye birçok uygulama yapmak mümkün. Hatta çek-bırak rozeti bile yine jquery ile yapılıyor. Bugün de yine wordpress bloglarında gördüğüm yukarı çık butonunu sadece iki javascript kodu ile bloglarınıza eklemeyi anlatacağım. Sayfadan az bir şey aşağı indiğinizde sağ tarafta beliriyor bu buton. Vereceğim javascripti kendinize göre düzenleyebilirsiniz.  JS dosyasının içinde resim boyutu ve resim adresi var. Dediğim gibi bunu değiştirebilirsiniz.Bu uygulamayı şu şekilde ekliyoruz:

</head> kodundan önce şu iki kodu ekleyerek eklentimizi bitirmiş oluyoruz:

<script src='http://konfor.enesilhan.net/js/jquery-1-4-2.js' type='text/javascript'></script>
<script src='http://konfor.enesilhan.net/js/Asansor.js' type='text/javascript'/>

Demo
Şimdi şablonu kaydederek panelden çıkın. Artık sizinde jquery’li yukarı çıkma butonunuz oldu. Siz Asansor.js adlı dosyayı kendinize göre düzenleyeceksiniz. Yine çok basit bir eklenti. Elimden geldiğince böyle basit ama işe yarayan eklentiler sunacağım. Sağlıcakla kalın…

Bu yazıdan önce yazmış olduğum "Bloggerda Tab Menü Yapımı 2" başlıklı yazımı da okumanızı tavsiye ederim.

Yorumlar ;

Anasını Satayım Blog
20 Eylül 2010 - 18:09:49

Enes, bu eklentiyi paylaştığın için çok teşekkürler.

Enes İLHAN
20 Eylül 2010 - 22:54:15

@Anasını Satayım Blog
Rica ederim doğan ne demek. Elimden geldiğince anlatmaya devam edeceğim inşallah.

Yaşar Güner
22 Nisan 2011 - 13:59:13

saol enes eklenti için..
ben sana bu google da ara ( konu başlıgı yanında ) eklentisi sorucaktım nasıl yapıldıgını konuların arasında bulmadım anlatmak istersen sevinirim 🙂

Anonymous
10 Mayıs 2011 - 21:05:15

çok güzel bir paylaşım ancak butonun üzerine gelince görünen 'sayfanın başına dönebilirsin çekirge' yazısı güzel durmuyor. onu 'yukarı çık' ya da 'sayfanın başına dön' ile değiştirirseniz çok memnun oluruz

Enes İLHAN
11 Mayıs 2011 - 14:16:22

@Adsız,
İletişimden bu konunun linkini ve adını yazarsan sana dediğin şekilde güncellenmiş js adresini gönderebilirim, kolay gelsin.

kralizasyon
31 Temmuz 2011 - 15:49:01

Ekledim bloguma. Çok güzel. Tam istediğim gibi 😉