Tips - Infinite scroll
Publicerat den 

Jag har de senaste dagarna fått mycket frågor ang. bloggdesign och jag tänkte börja med att svara på en av dem, hur man kan scrolla i evighet. Detta kallas infinite scroll och man använder sig av script och koder i kodmallarna som göra det möjligt att fortsätta scrolla ner så långt tillbaka på bloggen som det finns inlägg. Man behöver alltså inte bestämma antalet inlägg man vill ha på startsida, kategorisida eller arkivsida.
 
Detta tips är taget från designadinblogg.se och är gjort av den duktiga Sanna. Det är från henne som jag har lärt mig det mesta inom bloggdesign!
 

Lägg detta ovanför </head>:

<script type="text/javascript" src="/static/api.js"></script>

 

Lägg detta precis innan {% for entry in entries %} och det är också viktigt att man inte har en [:20] eller liknande däri, utan det ska stå {% for entry in entries %} och om det inte gör det så byt ut det till {% for entry in entries %}:

{% block entry_loop %}

 

Lägg till detta precis efter {% endfor %} som finns precis innan content avslutas med en </div>,
så lite ovanför <div class=”side”>:

{% endblock entry_loop %}

 

Lägg till detta precis 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 %}

 

Spara och sen är det klart! 

Publicerad i:  Bloggdesign, Tips - Bloggdesign, Vardag             |  KOMMENTERA HÄR

Liknande inlägg

Felicia
2014-04-03 @ 22:03:58  · URL: http://bunnys.blogg.se/

Åh tack snälla för att du la upp den här koden!! Jag har haft problem i över ett år med att jag inte kan bläddra tillbaka i mitt arkiv utan kunde bara se typ de senaste 20 inläggen, oavsett hur många jag skrev in skulle visas. Jag har letat så länge efter den här koden, tack fina du för att du delar med dig av den! :D Jag ska definitivt tipsa om det här inlägget på min egen blogg!

Svar: Inga problem, glad att jag kunde hjälpa till!! :D
Anna Darner - Foto,träning&design



Daniella Caspian
2014-04-16 @ 07:04:07  · URL: http://vapenbroder.se

Fel på rad 46!
Encountered unknown tag 'endblock'. You probably made a nesting mistake. Jinja is expecting this tag, but currently looking for 'endfor' or 'else'. The innermost block that needs to be closed is 'for'.

det kommer upp på min blogg när jag lägger till {% endblock entry_loop %} där du säger att den ska ligga...

Svar: Du måste lägga in Hela koden så funkar det! Alltså alla koderna för infinite scroll :)
Anna Darner - Foto,träning&design



Mirano
2014-07-28 @ 16:53:32  · URL: http://miranodesign.blogg.se/

Tack snälla för att du har lagt upp denna tutorial! :D



Nathalie
2014-08-30 @ 00:22:31  · URL: http://nathalieisaksson89.blogg.se

Har försökt hitta en lösning med arkivproblemet och detta var svaret utan tvekan! Tack, tack!! =)



Sandra
2014-10-07 @ 21:46:54  · URL: http://smalmtoft.blogg.se

Hej! Bra, beskrivning, men det går inte då jag inte hittar mina koder. Till exempel hittar jag inte ens , och allt känns bara superrörigt! Skulle du vilja hjälpa mig på något vis? Vore jättesnällt!



Sanna Preifelt
2014-10-08 @ 14:32:48  · URL: http://sannasrum.se

Ahmen gulle, vad glad jag blev när jag såg detta :D

Svar: Åh, va roligt!! Jag har verkligen följt din blogg jättelänge och du har hjälpt mig väldigt mycket inom bloggdesign med dina tips! TACK
Anna Darner - Foto,träning&design



Linnea
2015-01-20 @ 11:19:04  · URL: http://linneabocke.webblogg.se

Jag får också upp att det inte funkar som Daniella skrev. Men jag har gjort alla koderna :(



Hanna Skane
2015-02-19 @ 15:09:24  · URL: http://ponnyfnatt.blogg.se

Hej! Mina inlägg hamnar bara som länkar längst ned :( Vad gör jag för fel?



Thea
2015-07-16 @ 14:11:28  · URL: http://cyklandesnigeln.blogg.se

Superbra inlägg! Är bara det att jag helt plötsligt fick ett streck runt alla mina bilder. Hur får jag bort detta? :) (Länkar till bloggen där jag håller på med designen)






NAMN *
Kom ihåg mig?

EMAIL (publiceras ej)


BLOGG


KOMMENTAR






2015  Augusti, September,

2014  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober,

2013  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober, November, December

2012  Juni, Augusti, September, Oktober, November, December


Follow


Matbloggstoppen
        Follow on Bloglovin