We Keep Coding

How to add load more pagination to blogposts in homepage on blogger?

I'm using Blogger and trying to make a Blogger speed and SEO friendly template from scratch but I have a problem with the blogposts pagination:-
I want to display all the posts in the same grid with load more posts button but without that big load slowing javascripts so the type of load more posts button that I want is just like mogu template.
No need for links Google it and you'll find it because it's the only blogger template with that name and they have it on the template's home page.
My question here is that any chance to get all posts to display as a grid with a functional load more posts pagination button like the one on mogu template and how to do it without getting big javascripts to slow my blog down ?
Sorry in advance for disturbing because I'm totally a newbie to blogger.
PS: for the Blog1 widget I'm using the default generated code once we type this:-
<b:section id='example'>
<b:widget type='Blog' id='Blog1'/>
</b:section>
Any help would be highly appreciated and thank you for reading
I have tried to use mogu template's Blog1 widget code entirely using the necessary <b:defaultmarkups> to work and it worked except for the load more posts pagination button and after a couple of tests it turns out that the pagination is connected to a hidden javascripts from the template's owners outside the given template's code.
( expected but I just checked it as I thought maybe the load more pagination javascript was there some where in the template). So I don't want to have that slow speed as it's really important for me to make it fast and seo friendly as much as possible and also according to my blog design to make my project works

Angular 2 nav treeview ng2-tree doesn't work

me again.
I'm trying to use the following plugin: ng2-tree https://github.com/valor-software/ng2-tree.
It is supposed to have a demo, I asked the guy who created in the issue page on the github but he hasn't answered.
If I'm not wrong, if I go to the demo folder and open the index.html file it's supposed to show me the same page as this example: http://valor-software.com/ng2-tree/ but I get a 'Loading' stuff and nothing else.
Thanks for helping me!!

Missing Desktop Navigaion

I have been trying to debug this issue for my online portfolio. Thought I'd turn to you the Stackoverflow community for some assistance and might learn something along the way from the communities finest.
I'm probably missing something obvious. I have been trying to debug an issue where the navigation is not appearing as it should be.
Then the page is being loaded, for a split second, you can see the desktop navigation.
Loading Screenshot below:
After the page has completed loading, the navigation is not displaying.
Final load screenshot:
What am I missing here?

I found the answer to my own question. I was missing a space between two classes.
Backend code:
<div class="tm-navbar<?php echo $navbar; ?>"
This should of been like this:
<div class="tm-navbar <?php echo $navbar; ?>"
I do apprecaite all you help. Thanks guys.

it seems like theres some jQuery or javascript causing the menu to initially be hidden then to show when you scroll down to a specific point in the page.
it looks like that js or jquery is adding a classes to the div "tm-navbartm-navbar-overlay" called
"tm-navbar-transparent" which controls the menu being hidden, and also the class "uk-animation-slide-top" which controls the menu to show on scroll
first try doing a search for these classes in your project folder and if you see somewhere in a js file where it is controlling the nav, get rid of it.
if that doesnt work revert what you did and try overriding it with simple line of jQuery placed at the top of your main js file
$(".tm-navbartm-navbar-overlay").show();

jssor: loading a dynamic menu is not getting attached

I am loading from database the menu dynamic however the attachement to the menu happens just after the jssor is loaded, so is not getting attached.
I am using a webservice to retrieve the data, so data shows up after the binding.
Found this article (Jssor dynamic thumbnail not working) but not really helping out.
Any help would be appriciated as I cant handle static menus

Got it working, need to place the jssor caller in the loader from the ws

Load a page from within an already loaded page

It seems like this should be a pretty obvious answer but I'm under pressure for portfolio and I think I may be confusing myself here. I couldn't quite find the answer that I was looking for (which I usually am able to on this site).
Basically I want to load an external page with an image into my gallery. The only catch is that the gallery itself is loaded from an external page.
I was able to successfully implement this when I put the gallery code into its own individually loading window. But when I try it with the original setup, of course, I have to delegate. I know how to set that up, it's just defining the function itself that's giving me problems (where "window" calls the div that contains the gallery on its external page):
function showPiece(show) {
window.load(show);
}
How do I "delegate" here?
Also, I wanted to make sure I figured out how to click back to the gallery as well. That wasn't working for me either for some reason. Here's what I was using (you can see on the guitar page on the portfolio2.html page):
window.on('click',"#back", function(e){
e.preventDefault();
showPage('portfolio.html');
manageNavState($(this));
});
Here's my site so you can see in detail what's going on:
Portfolio Site
And here's the other gallery page I made:
Second Gallery Page
Sorry if this is a dumb question. Thanks in advance everyone!
===EDIT===
Nevermind, my code was perfectly fine. I found out I just had to open and close with html tags in the linked image pages, which I didn't expect because I didn't have to do it elsewhere. One image is still not working, but I'll figure it out.