DEMO itt.
- Az egyik lehetőség, hogy elhelyezd:
Irányítópult -> Tervezés -> Oldalelemek -> Modul hozzáadása az oldalsávhoz -> HTML/Javascript modul
Címet ne adj, a tartalom részébe pedig másold be ezt a kódot:
Mentés<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrnZv3n1bWl8dIjUU0HGL8FmleTl6Ri1SK2iK1VrFB5A-30D3prXeljEdXO4_k0XfblBR6jnwuGLaS0hAbRYs7HFhmfG0lXdMidkiyZ1qeYC7PxETkdJV4u77N0pVks8A-Pyvps-Vf4Q/s400/back-to-top.gif" /></a></div>
Ezután húzd a modult legalulra, hisz üresnek fog látszani, de mégis látszik az oldalsávban, majd Mentsd el a változtatást. A piros rész a képecske URL címe. Ehelyett bármilyen más képet is betehetsz, pl. a Picasába feltöltve.
- Elegánsabb módszer, ha egyenesen beleteszed a kódba. Ezt így csináld:
Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása
Ctrl+f
A keresőbe írd be: ]]></b:skin>
Ez ELÉ szúrd be
.backtotop a:hover {background:none;}
Ezután két sorral lejjebb a <body> mögött találsz ilyet:
Attól függ, hogy milyen sablonod van.<div id='outer-wrapper'> vagy <div id='wrap'> stb.
Közvetlenül UTÁNA szúrd be ezt a kódot:
<div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrnZv3n1bWl8dIjUU0HGL8FmleTl6Ri1SK2iK1VrFB5A-30D3prXeljEdXO4_k0XfblBR6jnwuGLaS0hAbRYs7HFhmfG0lXdMidkiyZ1qeYC7PxETkdJV4u77N0pVks8A-Pyvps-Vf4Q/s400/back-to-top.gif" /></a></div>
Mentés
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady
4 megjegyzés:
Kedves WL!
A tanácsaidat követve a legutóbbi akcióm is sikeresen zárult, egy cuki kis back top-ot tettem fel!
Az oldalamat egész jól felhoztam, meg vagyok vele elégedve, most azt tervezem, hogy a blogjelleget megtartom, és a céges funkciót átviszem egy "hivatalos", domaines helyre.
Itt szeretném még egyszer megköszönni eddigi minden segítségedet!
Üdv, Admin/Yoen
Köszi a tippeket!:)
Szeretném kérdezni, hogy honnan tölthetnék le ehhez a widgethez használható ikont? Végigcsináltam az útmutatásod alapján, működik is, de olyan kis semmike ikont szúrt be a lap jobb alsó sarkába.
Egy másik kérdés, ami nem konkrétan ide tartozik, de megkérdezném: smileyt honnan tölthetek le a bloghoz? Egy helyet ismertem: cool-smileys.com, de amit beszúrtam a blogba html-t az olyan nagy lett - nem tudtam kisebbre venni, hogy illeszkedjen a szöveg méretéhez. A legkisebb méret is vagy 4x volt a betűméretnek.
Köszönöm előre a segítségedet!
@Noé
Konkrétan nem tudok, iconset-ek tartalmaznak ilyet. De ha a Google-t Képekre váltod, és beírod "backtotop button" vagy "back to top icon" vagy go to top stb., akkor előbb-utóbb találsz megfelelőt. Smiley hasonló.
Megjegyzés küldése