Sample Text

Subscribe to Blogger Templates Gallery to get daily updates on Free Blogger Templates in your email for free.

rss feed blog template 4u Web Informer Button
2 Ekim 2011 Pazar

Blogger için ‘Küçülüp Büyüyen’ yukarı çık butonu


Evet arkaşlar bu dersimizde ‘küçülüp büyüyen‘ bir yukarı çık butonu oluşturmayı öğreneceğiz. Ayrıca eğer ki jQuery ile hazırlanmış olan biryukarı çık butonu kullanmayı istiyor iseniz şu yazımı ziyaret etmeniz yeterli olacaktır. Herneyse, konumuza dönmek gerekir ise; bu dersimizde JavaScript ile hazırlanmış bir yukarı çık butonu kuracağız. Mantık çok kolay, şöyle ki; yukarı çık butonu normal bir şekilde işlevine devam edecek. Fakat butonun üzerine geldiğiniz an butonun bir büyük versiyonu karşımıza çıkacak. Yani amaç nedir? diye düşünebilirsiniz. Amaç, farklılık. Yani blogunuzda farklılıklar yaratmak istiyor iseniz bu eklentiyi kurabilirsiniz. Ayrıca kurulum bakımından da oldukça basit.
Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/JavaScript Ekle adlı bölüme girerek aşağıdaki kodları ekliyoruz;
<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://i56.tinypic.com/b7z7r7.png?imgmax=800'" src="http://i54.tinypic.com/zvzom0.png?imgmax=800" onmouseout="this.src='http://i54.tinypic.com/zvzom0.png?imgmax=800'"/></a>
<!--BACK-TO-TOP-STOPS-->
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 yorum:

Yorum Gönder