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
You need the abolute path to your Image.
my.bgimage = "http://www.julian-weiland.de/htmly/themes/sideblog/img/hintergrund-1.jpg"
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:
- The values in the example show the default values, which will work without a config entry.
- Don't use double quotation marks as value, only use single as you can see in the example
- my.headlinesrc : link element to load google font
- myheadlinefont : the name of the font to use
- myheadlineweight: define fontweight
- 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"
http://www.julian-weiland.de/htmly/2014/03/seo
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/"
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"
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.)