#static previews

[rpschtuff]

Does anyone know why photo posts on my static preview look like this?

It’s only happening on this one, as far as I can tell.

[spirkism]

static theme previews don’t show post pictures?

y’all I’m so desperate, I’m literally sitting here crying cause tumblr fucking did it again and went ahead and broke my code. (fix this @ staff) my themes ( @spirkthemes ) are all working perfectly but in all my static previews the pictures in posts don’t show anymore.  the problem seems to be that in the source code tumblr somehow turned the pictures into iframes and those can’t be displayed on static pages? I don’t know what to do now. I’m so upset. has anyone else encountered this problem? and/or has a solution? please let me know!

[octomoosey]

Hello! I was just wondering how I would make a static preview for a theme??? I'm beginning to learn how to code THANKS TO YOUR TUTORIALS *heart eyes* and a couple of my friends were wanting to see what I can do/have been asking for customized themes. I would really appreciate any help with this! THANK YOU AGAIN, YOU'RE A ROCKSTAR!!!

hello there anon...well gawsh - thank you friend <3  and yis - lil tutorial under the cut XD

making a static preview has a few advantages - 

1. you don’t have to make a sideblog to host each preview.2. they will have all of the features of a normal theme ( the only difference being, any pagination or navigation to something like an ask won’t work ( popups, scripts, hover stuff etc. will all still work ).

so how to make?

usually you will need a new blog or a sideblog to set these previews up.  i set up a separate blog for mine.  what you’re going to do is make a new page for each preview you’d like to display.  you will need to have a few posts on your sideblog already - because this is what’s going to display on your preview ( try to have more than 10 so that your pagination shows up... ).  then, install your new theme on your sideblog...

to make the static preview - you need to ‘view source’ - check how to do this in your browser 

e.g. in chrome, click the menu bars, then more tools, then developer tools. 

then make sure ‘sources’ is highlighted and that you’re viewing the ‘index’ page for your blog.

and copy the whole code.

now go into your theme editor and make a new page - make sure it’s a ‘custom layout’ and just paste in the code you copied from your sideblog.

hit preview and save.  and that’s it!  static preview!  just link people to the page so they can view your theme :3

to make a new static preview, just install your next theme on your sideblog, copy the code from there, and make another page...

[bychloethemes]

How to have more than 15 posts showing in a static preview

A little while back I got asked how to make a static preview show more than the first page of posts, without loading the theme blog posts. And thinking about it, it is really simple and I should have thought of it sooner.

Difficulty: ★☆☆☆☆

Tutorial under the cut

Step 1:

Make a static preview like you usually would (view-source > ctrl + a > paste)

Step 2: 

Next go to testblogurl.tumblr.com/page/2 and view-source. Look through your code until you find the individual posts. Copy from just below the post container div to just above the post container end div.

Step 3:

Paste these extra posts above the end of the post container div in the static preview. Update preview and save! You know have 30 (may be different depending on your posts per page)

Step 4 (optional):

This final step is to make sure that the static preview doesn’t start loading your theme blogs posts.

You will need to delete the infinite scroll script from your code. Make sure you only delete infinite scroll and not masonry. If you delete masonry it will stuff up your posts. For this reason I suggest only doing this if you understand the infinite scroll and masonry codes and don’t just copy them from a base.

[iamthemelocked]

TUTORIALS FOR THEME MAKERS

HOW TO CHANGE TO STATIC PREVIEWS INSTEAD OF LIVE PREVIEWS

Since a few theme makers have been banned from Tumblr for having too many sideblogs (for their theme live previews) most of us have settled for static previews. For those who are still confused about the difference between live and static previews:

Live previews: An extra blog, made to hold only one theme

Static previews: A page on your blog that shows the theme

Not long ago I had far too many sideblogs for every single theme, it was complicated, annoying and confusing (especially if you have over 50 themes) and I was always confused how other theme makers could get their themes on pages. For everybody thinking the same I have decided to make this tutorial, save yourself the trouble guys :).

Using Static previews has a few pros:

Tumblr can´t delete your blog because of too many sideblogs

You can make it rather quickly and only have to put your posts on one blog, instead of several others.

Your theme is shown just as beautifully as in the live preview

It´s simple once you know how ;D

The only negative thing is that you can´t see the notes on the posts and you won´t be brought to a second page if you click on the pagination. But that´s acceptable isn´t it? :D

HOW TO GET A STATIC PREVIEW FOR YOUR THEME

Have a blog where you create your theme

If your theme is done, check if everything is really how you want it and if there are posts for every category (music player, photoset, quote etc.) and enough to see the pagination on your blog (have at least 10 posts or more for that).

When you are sure that your theme is perfect then go on the blog you want to use for all your static previews (it can even be your main blog, if you are ok with using many pages), I used a seperate blog to not delete a page accidently. It´s your choice though.

When you have your "preview blog" then go on the customizing page for it an create a new page (just scroll down and you will find the page sector).

Give your page a name (for example /theme1). Make sure you select CUSTOM LAYOUT for your page.

Now open a 2nd tab with the blog where you have your theme, the theme you want to have a preview for.

Now click with your right mouse button somewhere in the page (it doesn´t matter where).

A little tab with "view source" will appear, click on it. (For my german followers: for us it is "Element untersuchen")

This window will open:

Click on the first line you see there, the same line I marked for you. This will automatically mark ALL the HTML in the window. Now this will appear:

Click on COPY AS HTML.

   10. Now go back to your tab with the page open. Paste in the code that you just copied. Click on PREVIEW and SAVE and you are done :)

If you make a link to your preview on your theme post then just use the URL of the blog where you want to have your previews (let´s say "mythemepreviews.tumblr.com") and just put /theme1 behind it and you have the direct link to you static preview.

I hope this was helpful, if not then you can always come ask me :)

[mustloveharrythemes]

I'm gonna start using static previews. They are much easier and less messy.