Infinite scroll

2014-12-15 | 12:37:00 | Designtips
Fick en fråga om jag kunde visa hur jag lagt in mitt ''evighets scroll'' - alltså hur jag får så att det laddas mer och mer inlägg ju längre ner man scrollar. Istället för att det tar stopp efter tillexempel 15. Självklart så kan jag visa er det, det är faktiskt inte alls svårt!
 
Börja med att gå in i dina kodmallar - startsida, för det är där vi ska börja ändra..
 
Iallafall.. innan ''</head>'' ska du lägga in denna koden.
<script type="text/javascript" src="/static/api.js"></script>

Bläddra sedan ner lite och ändra ''{% for entry in entries [:20] %}'' till ''{% for entry in entries %}'' för att sedan lägga in detta precis innan.
{% block entry_loop %}
 
Lägg in denna koden efter {% endfor %}.
{% endblock entry_loop %}
 
Och tillsist ska du lägga in denna koden precis över/innan </body>.
{% if page in ["index","archive","category"] and last_ts and page %}<script>
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}
 
Jag kan även rekomendera att göra detta i kodmallen som heter Kategorier också, så att det blir ''evighets scroll'' där också.. Om ni inte fattade så får ni säga till, så ska jag förklara lite bättre!






Scroll to top-knapp

2013-12-09 | 18:26:00 | Designtips
Tänkte visa hur man får en sådan här ''scroll to top-knapp'' som jag har nere i höger hörnet, det är inte alls svårt att fixa, kan jag så kan du!
 
1. Gå in på http://www.scrolltotop.com/
2. Välj en av knapparna du vill ha.
3. Kopiera koden som hör till knappen och klistra in nästan längst ner i ALLA kodmallar, precis ovanför </body>.
 
Vart det något du inte riktigt förstod så får du slänga in en kommentar! :)