Extras

Recommendations

Always edit posts in Edit HTML mode if you wish to keep the visual accuracy of your blog posts and semantics of the code. Remember, Google loves clean semantic code and well-written code is an important term of good SEO.

For easier maintaining of the blog posts copy and paste the markup included into template (view post-format.html file) into Formatting field under Setting tab in Blogger. Your posts will automatically appear formatted and will look identically to the blog posts structure shown on this template.

Underneath, there is a set of pre-formatted elements which you might find useful in your further work on your Blogger based site. Simply copy and paste the markup of selected element and locate any of those blocks on your posts pages or static pages. All these elements are styled and you can find corresponding styles in main stylesheet under Extras Styles.

Headings

This is h2 heading

This one is smaller, h3 heading

Pay attention: there are two types of h2 heading, and once you want to use the specific one from the above you should nest it into section tag, otherwise it will adopt styles of another type of this heading. Note: h1 requires .greyline to be put above the heading itself.

Resizable video

To preserve the resizability of embedded video keep the markup as it is shown above. Credit: video “The Saints Are Coming”, performed by Von Thronstahl.

Misinterpretation by ignorants of Von Thronstahl’s music is always caused just by its visual and verbal controversy. Nothing more.

Message Boxes

Message text should be written here

Message text should be written here

Message text should be written here

Blockquotes

Long quote

“Mea fabellas intellegat complectitur in, pri at purto verterem. Pri wisi mutat nonumes no, habeo etiam alterum eos ex, ad pri quot dolorem repudiare. Mei cu dico suas erant. Pri at purto verterem. Pri wisi mutat nonumes no, habeo etiam alterum eos ex, ad pri quot dolorem repudiare.”

short quote

Pri wisi mutat nonumes no, habeo etiam alterum eos ex, ad pri quot dolorem repudiare.

Image gallery

• 

• 

• 

• 

• 

• 

Upper gallery example comes without zoomed image. Second gallery example comes with anchor to bigger image. There is no need to place two images (small and big), css rule resizes the image, hence one image serves both as thumbnail and main image.