--- layout: post title: The Kremalicious MarsEdit Style author: Matthias Kretschmann date: 2008-08-22 17:04:19+00:00 wordpress_id: 122 categories: - goodies - other --- ![The Kremalicious MarsEdit Style](/media/marsedit_kremalicious.png)Personally I blog everything with RedSweater's awesome application [MarsEdit](http://www.red-sweater.com/marsedit/). MarsEdit has a cool preview window included where you can see your writing live while you type. The formatting of this preview is based on simple HTML and CSS so the style is pretty customizable. A while ago I've made a custom style for the blog on kremalicious.com and would like to share this style with you. The style is based on the colors used on kremalicious.com with a black background and light grey text on top of it. The links have the same blueish hover style as on my website: [![The Kremalicious MarsEdit Style](/media/marsedit_kremalicious_big.png)](/media/marsedit_kremalicious_big.png) Here's how to apply the style for your blog preview in MarsEdit: In MarsEdit main window right-click (or ctrl + click) in the sidebar on the blog where you want to have my style applied to and choose Edit Preview Template. The Preview Template editor should open where you can customize the style of the preview with the css instructions in the header. Just copy and paste the following HTML and CSS into your Preview Template editor. If something goes wrong with the source formatting, I've also provided [a txt file with the code](/media/marsedit_kremalicious.txt): {% highlight html %} #weblogName#: #title#
#title#
#body# #extended#
url : #url#
tags : #tags#
The Kremalicious MarsEdit Style
www.kremalicious.com
<-- end content --> {% endhighlight %} Now click on Save Changes in the lower right corner of the window and there you have it. Of course you are free to alter the style provided by me to fit your needs. If you have any additions to my provided code feel free to post them in the comments.