[ENG] Postachio hacks. Where to store js and css for your blog

Table of contents

  1. Discover more Postachio
  2. Lists
  3. Share buttons
  4. Where to store your js, css
  5. How to edit blog theme and don't ruin it

This post is a translation of original post in Russian.

[Discover more Postachio]( "Discover more Postachio")

If you are Postach.io user, then you know about the Discover section. There you can discover all the latest posts. Or view posts by themes: travel, food, education, design, and technology. But people write about many other things that you can discover too:

http://postach.io/theme/

Replace the word "theme" with theme you are interested in and Postach.io will show all posts by this request.

[Lists]( "Lists")

I should also mention the markup list. By default, it looks like this:

It is likely that Postach.io will break this markup. To ensure that markup is correct, add title before and after it. That's how I usually do it:

[Share buttons]( "Share buttons")

It's really easy to add Share button to your theme. You can use AddThis or ShareThis buttons. Just generate code and add it inside you theme code. It's better to add share buttons before post content, but after post header. Just locate {{ post.title }} string and add your code before "header".

This code will add default share buttons:

{{ theme.social.bar }}

[Where to store your js, css]( "Where to store your js, css")

I have a server where I can store all scripts of my site and I do not even think it can become a problem.

There are several ways to solve this.

Dropbox

You can store js and css with Dropbox. You can read about this here.

Briefly. You need to create your .css, .js files and put it inside your Dropbox folder. Generate file link, replace www with dl. And add this link inside your Postach.io theme. The main drawback of this method is that Dropbox can block files with a large number of access to it.

This storage method works with Google Drive also and many other cloud storages.

Free web hosting

You can store your scripts with free web hosting services. For example, 000webhost. If you need to host .js file, try yourjavascript.com. For images you can use any image hosting service that provides direct links.

After file is uploaded to server you need specify path to your file in the "head/head" section of your theme. Or where it is required for their work.

Inside your theme

You can add scipts inside Postach.io theme. Between "body/body" tags.

Inside "style" tags you must paste the entire code of a file. If you are not sure, see Disqus or Google Analytics code inside your theme.

The disadvantage of this method is that it make your page slower to load.

Of course, there are other ways. For example, Bitbucker, Git. If these words are familiar to you, then this section is not for you at all.

[How to edit blog theme and don't ruin it]( "How to edit blog theme and don't ruin it")

My method is really easy.

I created three .html document backup, current and original in a separate folder.

My .html files
  1. In the original.html I keep original code of my Postach.io theme
  2. In the current.html I keep current code of theme. That you can see now
  3. In the backup.html I keep last working code of the theme
My method

If I want to change something in the Postach.io theme, I copy the code from the current to the backup. Then I start to make the necessary changes in current.html. When everything is ready, I put this code in online Postach.io theme editor to apply all changes. If something obviously went wrong , then I insert the code from the last working backup. Then I fix errors inside separate file and my readers protected from idle website.

This system of three files helps to quickly fix even the most serious errors .

Комментарии