Stránky

7. února 2016

JAK NA "BACK TO TOP" TLAČÍTKO

Ahoj! :) Chci vám ukázat, jak si na blog přidat "back to top" tlačítko- převede vás z konce stránky zase na začátek. Takovou funkci umím fakt ocenit, protože jsem zkrátka někdy líná tak moc, že se mi ani nechce přejíždět myší zpět :D.

Dávám vám sem tedy 8 různých tlačítek, které jsou podle mého názoru velmi pěkné :). Samozřejmě, každý máme jiný vkus (takže se vám nemusí líbit ani jedno), ale jsem si jistá, že když věnujete chvilku hledání na internetu, najdete něco, co bude vyhovovat i vám.

                                                                           
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow13.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow9.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>



 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow78.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>



 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow84.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow6.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow74.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow3.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow54.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>


Vybrali jsme si tedy tlačítko, co dál?

Půjdeme do rozvržení → Přidat gadget → HTML/Java script

A vložíme námi vybraný kód.


Nezapomeneme uložit a tadááá, máme hotovo :))

Třeba jsem tímto článkem pomohla někomu, kdo nevěděl, jak má tlačítko vložit, nebo jsem pomohla vybrat nové někomu, kdo už dávno věděl jak na to. 

Anebo taky ne :D, každopádně se na vás těším u dalšího článku- a tentokrát to už bude (snad) dlouho slibovaný článek o Finsku. 

9 komentářů:

  1. jééé už ho tam mám, super !! takové články mám ráda, dík moc ^^

    OdpovědětVymazat
  2. Ja som si toto tlačítko urobila asi pred dvoma rokmi a stále som spokojná s jelenčekom, ktorého tam mám ♡

    ♡ Shirt Up! & Giveaway ♡

    OdpovědětVymazat
  3. Díky :) Tláčítko zdobí i můj blog :)

    OdpovědětVymazat
  4. Jůů... děkuji..:3 Myslím, že tohle přijde vhod řadě čtenářů :)

    OdpovědětVymazat
  5. Tlačítko je úplně úžasné :) Děkuji za návod. Přišla jsem i na mnoho dalších věcí. :)

    OdpovědětVymazat

Děkuju za komentář! :)