Blogger İçin Sayfa Kaydırma Efekti

Blogunuzu daha iyi hale getirmek için sayfa kaydırma efekti ve nasıl yapıldığı hakkında kısaca bilgi.

Blogger İçin Sayfa Kaydırma Efekti

Bu eklenti sayesinde blogunuzda sayfayı kaydırırken hoş bir efekt belirecektir. Böylece hem ziyaretçi hem de sizler adına blogunuz hoş bir görünüme kavuşacaktır. Ufak bir eklenti gibi görünse de görsellik adına zengin bir eklentidir. İsterseniz benim blogumda herhangi bir sayfayı aşağıya-yukarıya kaydırarak efektin nasıl olduğuna göz atabilirsiniz. Çok uzatmadan bu efekti nasıl blogunuzda kullanabileceğinizi anlatayım.

  • Blogger panelinde sol tarafta bulunan menüden önce "Şablon" daha sonra "HTML'yi Düzenle" seçeneklerine tıklayınız.
  • Kodların bulunduğu alana bir defa tıkladıktan sonra "Ctrl+F" tuşlarına tıklayarak arama yerine "</body>" yazıp "Enter" tuşuna tıklayınız.
  • "</body>" kodunun bir üst satırına aşağıda vermiş olduğum kodları yapıştırıp kaydediniz.
<script type='text/javascript'>
      //<![CDATA[
      !function(e){jQuery.scrollSpeed=function(n,o){var t=e(document),i=e(window),l=e("html, body"),r=i.height(),u=0,a=!1;return window.navigator.msPointerEnabled?!1:void i.on("mousewheel DOMMouseScroll",function(e){return a=!0,(e.originalEvent.wheelDeltaY<0||e.originalEvent.detail>0)&&(u=u+r>=t.height()?u:u+=n),(e.originalEvent.wheelDeltaY>0||e.originalEvent.detail<0)&&(u=0>=u?0:u-=n),l.stop().animate({scrollTop:u},o,"default",function(){a=!1}),!1}).on("scroll",function(){a||(u=i.scrollTop())}).on("resize",function(){r=i.height()})},jQuery.easing["default"]=function(e,n,o,t,i){return-t*((n=n/i-1)*n*n*n-1)+o}}(jQuery);
      $(function() {  
        jQuery.scrollSpeed(150, 800);
      });
      //]]>
</script>
Anlatımıma rağmen hala yapamadıysanız bana ulaşabilirsiniz. Böylece sizlere elimden gelen yardımı edeceğimden şüpheniz olmasın. Peki sizlerin bu eklenti hakkında düşünceleriniz nedir?

Yorumlar

Blogger: 11
  1. teşekkürler gerçekten şimdi daha bir beğendim :)

    YanıtlaSil
  2. tam olarak ne işe yarıyor anlamadım

    YanıtlaSil
    Yanıtlar
    1. Blogun mouse aşağıya doğru kaydırdığınız zaman daha hoş bir şekilde olmasını sağlıyor.

      Sil
  3. merhabalar dediğinz kodu doğru ve hatasız şekilde ekledim ama sitede aşağı yukarı doğru giderken sitenizdeki gibi olmuyor yine eskisi gibi oluyor yardım edebilirmisiniz iletişim:@teknolojidip@gmail.con

    YanıtlaSil
    Yanıtlar
    1. Kendi kullandığımda ufak bir değişiklik yapmıştım. Gün içerisinde kodları güncelleyeceğim.

      Sil
  4. merhaba hocam sitenize pc ile girdiğimde ekranımın kenarındaki sayfayı aşşağıya indiren şey sizin sitenizde yeşil olarak gözüküyor bunu bizde yapabilirmiyiz

    YanıtlaSil
    Yanıtlar
    1. Buradaki yazıma bakabilirsiniz: https://semihkececioglu.blogspot.com/2016/04/blogger-sayfa-kaydirma-cubugu-nasil-degistirilir.html

      Sil
  5. Aslında güzel ama kod/içerik oranın etkilediği için eklemeyeceğim sanırım. Olmasa da olur :)

    YanıtlaSil
    Yanıtlar
    1. Çok teknik bir konu dediğiniz şey. Şahsen hiç önemsemiyorum bu konuyu. Bir şey güzelse kullanırım. İsterseniz kodu link haline getirip tasarruf sağlayabilirsiniz.

      Sil
  6. Merhaba hocam ben yukarı kaydır eklentısını yaptım ama olmadı yardımcı olabılır mısınız İletişim: hursant135@gmail.com

    YanıtlaSil

Ad

1. Cilt,1,100,1,1080P,1,11.22.63,1,12 Kızgın Adam,1,2018,1,4. Sezon,1,44. Çocuk,1,A Thousand Kisses Deep,1,Aksiyon Filmleri,3,Alcatraz'dan Kaçış,1,Alexa,2,Amelie,1,Analiz,1,Android,14,Android Haberleri,1,Android İpuçları,2,Android Uygulamaları,10,Animasyonlu İndirme Butonu,1,Anket,1,Antonio Banderas,1,Antremanlarla Matematik,1,Apk,2,Apk İndir,2,Arama Açıklaması,1,Arama Motorları,1,Araştırma,1,Arı,1,Ayrton Senna,1,Bana Dair,76,Base,1,Başarı,1,Başlık Efekt,1,Blog,2,Blog Keşif Etkinliği,1,Blog Nasıl Açılır?,1,Blogger,58,Blogger Eklentileri,18,Blogger Eklentisi,1,blogger haberleri,1,Blogger İpuçları,18,Blogger İstatistikler Widget'ı,1,Blogger Nedir,1,Blogger Sayfa Kaydırma Efekti,1,Blogger Sorunları,1,Blogger Tavsiyeleri,1,Blogger Temaları,6,Blogger Widget'ları,7,Blogger Yedekleme,1,Boks,1,Buton,2,camera,1,Can Dostum,1,Checker Gmail,1,Child 44,1,Chroma Keyboard,1,Cillian Murphy,1,Clev Note,1,CSS,2,Deadpool,1,Deadpool İndir,1,Diğer Kategoriler,10,Dinlediklerim,5,Dives İkon,1,Dizi,1,Dizi Replikleri,1,Drama Filmleri,3,Drop Caps,1,Duvar Kağıtları,1,Düşünce,1,Editörün Seçtikleri,4,Eklenti,2,Elementary,1,Etkileşim,1,Etkinlik,1,exi2.net,1,Fabrizio De André,1,Facebook,1,Film,6,Film İncelemesi,1,Film Puanlama,1,Film Replikleri,2,Filmler,6,First Character,1,First Letter,1,Flat İcon,1,Font,1,Forever,1,Formula 1,1,Forrest Gump,2,Frank Sinatra,1,Fringe,3,Galeri,5,Gary Oldman,1,Geçmişin Gölgesinde,2,Gerilim Filmleri,2,GetSiteControl,2,Google,2,Google Chrome,2,Google Fonts,1,Google Friend Connect,1,Google Plus,1,Google+,1,Google+ Toplulukları,1,Görsel,2,Guadalupe Pineda,1,Hayal Gücü Yüksek Sorular,1,Hayat ve Düşünce,1,Historia De Un Amor,1,HTML,2,Hugh Jackman,1,Instagram,1,Intoucheables,1,İcon,1,İkon Paketleri,1,İndex,1,İndir,4,İndirme Butonu,1,İnfografik,1,İstatistikler,1,İzlediklerim,20,Kalıcı Bağlantı,1,Kaliteli Blogger Eklentileri,1,Kaptan Amerika Kahramanların Savaşı,1,Kim Bu Semih,1,Kimdir,1,Kingsman: Gizli Servis,1,Kişisel Blog,9,Kişisel Yazılar,43,Kitap,1,Kullandıklarım,5,Launcher,1,Leonard Cohen,1,Logan,1,Logo Efekt,1,Lost in Translation,1,Material,2,Material Design,3,MeloCloud+ Music Player,1,Meta Açıklaması,1,Mijia Quartz Watch,1,Mim,10,Minimal Design,1,Mobil,2,Mobil Uyumlu Blogger Temaları,1,Muhammad Ali,1,Muhammad Ali Sözleri,1,Muhammad Ali'nin Hayatı,1,Müzik,7,Müzisyen,1,Nah Neh Nah,1,Nasıl Yapılır,5,Nasıl Yapılır?,3,Nedir,3,OGInstagram,1,Okuduklarım,2,Osmia Avosetta,1,Önemi,1,Öp Evlen Uçurumdan At,1,Özel Başlık Etiketleri,1,Paris'te Gece Yarısı,1,Paylaşım,1,PC,2,PC Uygulamaları,1,Peaky Blinders,2,Peppino Gagliardi,1,Pocket,1,Popüler Yayınlar,1,Radiogram,1,Radyo,1,Renato Carosone,1,Replikler,2,Repo Men,1,Resim ve Video,1,Resimli İndirme Butonu,1,Responsive,2,Robots txt,1,Rodrigo Amarante,1,Romantik Filmler,1,Root,2,Satın Aldıklarım,1,Schindler'in Listesi,2,Scroll Smooth,1,SEO,3,SEO Ayarları,1,Shareaholic,1,Shareit,2,Sherlock,3,Sherlock Holmes,1,Sıralama,1,Sinema,1,Site Haritası,1,Social Meter,1,Sosyal Medya,2,Soundcloud,1,Sözler,1,Spor,1,Sting,1,Tasarım,1,Tavsiyelerim,1,Teknoloji,1,Tema,1,Template Clue,1,The Blacklist,1,The Mentalist,2,The Mentalist Replikleri,1,The Pianist,1,Tom Hardy,2,Tozlu ve Yıkık Blog,1,True Detective,2,Tuyo,1,TVShow Time,2,Uygulama,1,Ücretsiz İkon,1,Üst Sıralara Çıkmak,1,Vaya Con Dios,1,Video,2,Videolar,1,Website,1,WhatFont,1,Woorank,1,Word Count,1,Wordpress,1,Xiaomi,1,Yabancı Diziler,9,Yabancı Radyo,1,Yardımlaşma,1,Yayın Ayarları,1,Yaz Tatili,1,Yazar Olmak,1,Yazı,2,Yazı Kutusu,1,Yazı Yazmak,1,Yıl Dönümü,1,Yıldız Sıralamalı,1,Yıldızlararası,1,Youtube,1,Ziyaretçi Trafiği,1,
ltr
item
Semih Keçecioğlu - Kişisel Blog: Blogger İçin Sayfa Kaydırma Efekti
Blogger İçin Sayfa Kaydırma Efekti
Blogunuzu daha iyi hale getirmek için sayfa kaydırma efekti ve nasıl yapıldığı hakkında kısaca bilgi.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRkS0f1bNdYnOg3jsOkcbuOeYbRY5JJ8mzW9pFdtz35kZYPKdGGqvmkChzh0F41GaJdH6QmpMk0lLvfPstZW6bo-lMwTgG6cmoPep1SBfDdD6LMj7iY3nG7VMZqTUQOkk2iQmVuRZaXg/s640/Blogger+%25C4%25B0%25C3%25A7in+Hassas++Sayfa+Kayd%25C4%25B1rma+Efekti.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRkS0f1bNdYnOg3jsOkcbuOeYbRY5JJ8mzW9pFdtz35kZYPKdGGqvmkChzh0F41GaJdH6QmpMk0lLvfPstZW6bo-lMwTgG6cmoPep1SBfDdD6LMj7iY3nG7VMZqTUQOkk2iQmVuRZaXg/s72-c/Blogger+%25C4%25B0%25C3%25A7in+Hassas++Sayfa+Kayd%25C4%25B1rma+Efekti.jpg
Semih Keçecioğlu - Kişisel Blog
https://semihkececioglu.blogspot.com/2016/01/blogger-icin-sayfa-kaydirma-efekti.html
https://semihkececioglu.blogspot.com/
https://semihkececioglu.blogspot.com/
https://semihkececioglu.blogspot.com/2016/01/blogger-icin-sayfa-kaydirma-efekti.html
true
3247702708061337910
UTF-8
Tüm yazılar yüklendi. Hiçbir yazı bulunamadı. Tümünü Gör Devamını Oku Yanıtla Yanıtlamaktan Vazgeç Sil Yazan: Ana Sayfa Sayfalar Yazılar Tümünü Gör BENZER YAZILAR Etiket Arşiv Ara Tüm Yazılar Bulunamadı Geri Ana Sayfa Pazar Pazartesi Salı Çarşamba Perşembe Cuma Cumartesi Paz Pzt Sal Çar Per Cum Cmt Ocak Şubat Mart Nisas Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis Mayıs Haz Tem Ağu Eyl Eki Kas Ara şimdi 1 dakika önce $$1$$ minutes ago 1 saat önce $$1$$ hours ago Dün $$1$$ days ago $$1$$ weeks ago 5 haftadan uzun bir süre önce Takipçiler Takip Et Premium STEP 1: Share to a social network STEP 2: Click the link on your social network Tüm kodları kopyala Tüm kodları seç Tüm kodlar kopyalandı Çalışmazsa CTRL+C kombinasyonunu kullan Table of Content