Tumblr Sonsuz Kaydırma Butonu » Android, Apk indir, Instagram, Facebook, Youtube, Twitter, Tumblr, Linkedin, Sağlık, Güncel Haberler
Sponsorlu Bağlantı
ŞİFALI BİTKİLER
SAĞLIK
GüZELLİK VE BAKIM
GOOGLE
FACEBOOK
INSTAGRAM
TWITTER
TUMBLR
Sosyal Paylaşım Siteleri
Güncel Konular
Facebook Bilgileri
Twitter Bilgileri
Instagram Bilgileri
Tumblr Bilgileri
Hadi Beğeniver Gari
Destekleyenler
Yandex.Metrica


Kategori: tumblrblog / sonsuz
Tumblr Sonsuz Kaydırma Butonu
Sonsuz Kaydırma Buton Ekleme Nasıl Yapılır?
Tumblr bloglarında tüm temalarda pek azında gerekli olmasa da, çoğu temada paylaşımlarımız sayfalarca uzamakta... Tumblr'a gelen ziyaretçileriniz paylaşımlarınızla belli bir süre ilgilendikten sonra 15 hatta bazen 20 sayfa aşağılara inmiş olmaktadır. Böyle durumlarda tekrar blog sayfamızın üst sayfalarına dönmek sayfamızdaki misafirlere zor gelmekte olup, sayfamızda dolaşmak yerine ayrılmak durumunda kalmaktadır. Bunu önlemek amacıyla düşünülen sonsuz kaydırma butonları tumblr için gereklilik diyebiliriz. Tumblr blogumuza nasıl ekleyeceğimizi , nasıl uygulamanız gerektiğini resimlerle de anlatmaya çalıştık. Sonsuz kaydırma butonunu blog sayfanıza ekleyebilmeniz için 1 ve 2 nolu kodları HTML bölümüne yapıştırmanız yeterli olacaktır.

Sonsuz Kaydırma Butonu Script Kodu ( 1 )

#scrollToTop:link, 
#scrollToTop:visited {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
}


Hemen alttaki resimde gördüğünüz gibi, Tumblr Blogunuzun sağ üst kısmında bulunan "Kişiselleştir" butonuyla, açılan sayfada "HTML Düzenle" bölümününe gireceksiniz. CTRL ve F tuşlarına aynı anda basarak arama kutucuğunu açmış olacaksınız. Arama kısmına " /style" yazıp resimde görmüş oldugunuz HTML kısmında style yazısını bulmanız gerekmektedir. Sizlere resimde de göstermiş olduğumuz gibi yukarıdaki 1 numaralı kodu kopyalayıp, sytle yazısı yine HTML yazılımında kalacak şekilde üst kısmına kopyaladığınız script kodunu yapıştırmalısınız.
Tumblr Sonsuz Kaydırma Butonu


Sonsuz Kaydırma Butonu Script Kodu ( 2 )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div style="float:right; margin-top:15px; margin-right:3px;"><a href="http://www.yediharika.com/efekt/" target="_blank"><img alt="Tumblr Codes" src="http://static.tumblr.com/0szq8b5/S6emmopjv/credit.png"></a>
</div><script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>


Alttaki resimde görmüş olduğunuz HTML kısmına 1. script kodunu yapıştırdıysanız eğer, CTRL ve F tuşlarına aynı anda basarak arama kutucuğuna " /head " yazarak arama yapınız. " /head " yazısını bulduktan sonra kopyalamış olduğunuz 2 no'lu Kaydırma Butonu Script Kodunu head yazısının üstüne yapıştırmanız yeterlidir. Daha sonra ön izleme ile görüp, kaydet diyebilirsiniz.
Tumblr Sonsuz Kaydırma Butonu


Blog sayfanıza ekleğinizde Kaydırma Butonu altta bulunan rsimdeki gibi sağ kısımda görünecektir. Bol ziyaretleri olan sayfalar dileriz.
Tumblr Sonsuz Kaydırma Butonu
Geri
  • Yorumlar: 0
  • Görüntülenme: 1 811
Değerli ziyaretçimiz, sitemize üye iseniz lütfen giriş yapınız.
Üye değilseniz üye olmak için tıklayın.


Yorum Ekle

İsim:*
E-Mail:*
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Güvenlik Kodu:*
Okunamayan kodu yenilemek için resmin üstüne tıklayınız