Skip to content

derweili/htmly-sideblog

Repository files navigation

htmly

A Theme for HTMLy
http://www.htmly.com

Demo:
http://www.julian-weiland.de/htmly

Features:

  • Html/css only
  • Background image,
  • Clean and minimalistic Design
  • Responsive Design
  • SEO
  • iOS WebApp
  • Google Fonts

Configuration

Background image:

You need the abolute path to your Image.

my.bgimage = "http://www.julian-weiland.de/htmly/themes/sideblog/img/hintergrund-1.jpg" 

Fonts:

You can use every google font for your Blog. Just use this code (you can even add only a few of it)

Code for Headlinefont:

; Headline Fonts my.headlinesrc = "" my.headlinefont = "'Josefin Slab', Arial" my.headlineweight = "600" my.headlinestyle = "normal" 

Note:

  1. The values ​​in the example show the default values​​, which will work without a config entry.
  2. Don't use double quotation marks as value, only use single as you can see in the example
  3. my.headlinesrc : link element to load google font
  4. myheadlinefont : the name of the font to use
  5. myheadlineweight: define fontweight
  6. myheadlinestyle: define fontstyle e.g. italic

You cando the same with the copytext:

; Headline Fonts my.copysrc = "" my.copyfont = "'Lato,Arial,sans-serif" my.headlineweight = "400" my.headlinestyle = "normal" 

Interested in SEO Configuration? look here:

http://www.julian-weiland.de/htmly/2014/03/seo

SEO Configuration

Sideblog also inlcudes also SEO Features. Some features will work out of the box, some have to be configurated.

To do so you have to add some lines to config.ini All lines are have the same structure: First the attribute socond the value, separated by a equal sign. The value is delimited by double quotation marks, so all double quotes must be replaced with single quotes in the values​​.

Example:

attribute = "value" seo.author = "http://julian-weiland.de/" 

Lines to add in config for SEO Configuration:

Author URL:

seo.author = "http://julian-weiland.de/" 

Location:

seo.location = "de_DE" 

Open Graph image: (usualy article)

seo.ogimage = "http://linktoimage.jpg" 

Open Graph Content type: (usualy article)

seo.ogtype = "article" 

Apple Touch Images (use always absolute URLs) Basic Touch image

seo.ati = "http://link-to-touch-image.jpg" 

touch Image 76px x 76 px

seo.ati76 = "http://link-to-touch-image.jpg" 

touch Image 120px x 120 px

seo.ati120 = "http://link-to-touch-image.jpg" 

touch Image 152px x 152 px

seo.ati152 = "http://link-to-touch-image.jpg" 

Apple Startup Image

seo.asi = "http://link-to-startup-image.jpg" 

Responsive Design

Sideblog Themes looks beautifull on all Devices. Since the page loads in less then one second you can few it easily on mobil devices. (The use of large image files can affect this negatively.)

‚sideblog-responsive‘

About

HTMLy Themes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published