<< Bit.ly API: Shorten URLs / Reverse Long URLs / Get QR Code Image | Blog Analytics: Widget For BlogEngine.NET Powered By Google Analytics >>

Windows Live Theme For BlogEngine.NET

by prashant 18. March 2011 02:16

I have now been using BlogEngine for 2 years now and I was kinda fed up with the standard theme I have been since starting which I have modified a bit to look more prettier. I am not saying it's bad but it's too much now, I should do a makeover of my blog. Now the BlogEngine community is not as big and vast as that of the most popular bloging engine Wordpress and therefore it is hard to get beautiful themes for BlogEngine.

This time I made my mind and sat down to create a new theme for my blog from scratch (LOL!!) but with the help of some good looking Wordpress theme. So I began my search and what I got is the one I have been looking for in the past when I started blogging. I found a Wordpress theme which resembles Windows Live default blue skin. It looks good to me so I download and start changing the looks for my blog. I don't know if I have messed up, but I like it and so my blog is up with a new Windows Live theme. There are few other customizations that I have done with the theme that works for my blog like after every post you see a Google Ads (let me know if they are annoying, which I feel they are not), logos of the sites having a reference of my blog and some other internal stuff (simple HTML and server-side work). This is the case with me, for you there are no hiccups, just copy and paste the Windows Live theme folder inside Themes folder and you are done.

This theme is based on the standard theme template for BlogEngine. If you have any suggestions to make the theme look more beautiful in some way or the other (as I am not a designer) please do share with me and all of us in the community.

Download: WindowsLive.zip (70.33 kb)

UPDATE: There is a slight change in the style.css file. The image above is broken when a blog is viewed in a large display.

it is now been fixed. Please download the latest style sheet from the link below.

style.css (13.91 kb)

If you enjoyed this post, make sure you subscribe to my RSS feed!

2db30dff-c741-4dd8-88c3-4dfab9ce6ca4|0|.0

Tags: blog engine, web, windows, windows live

BlogEngine.NET

Change Page Themes Dynamically Using JQuery Theme RollerIf you are using JQuery controls like date picker, accordion, progress bar, slider, tabs, dialog etc...Windows Live Writer and BlogEngine.NETWhen I started blogging last year, I used to blog the old traditional way, using admin panel and the...Windows 7 Development: Creating Jumplist In Windows 7I am quite fascinated with Windows 7 before even I get it started using it. Actually I have just sta...

Comments (8) -

Den

3/18/2011 1:10:35 PM #

Hi, I think you should add it in the BlogEngine.NET Themes Collection : www.bloggersonline.com/forum/index.php?topic=4.0

prashant

3/18/2011 7:02:10 PM #

I have already did that Den. I have send the request to have my theme added at http://www.blogenginetheme.com/

They will review and add the theme in the collection.

Kairat

5/5/2011 9:22:26 PM #

Thanx for theme, Prashant!

prashant

5/10/2011 11:15:13 AM #

There is a slight change in the style.css file. The image above is broken when a blog is viewed in a large display.

it is now been fixed. Please download the latest style sheet from the link in the post above.

mc-kay

6/12/2011 6:57:31 AM #

Hi,
what have you done that your blog fit the width of the browser?
When you look at my site:
http://www.0x00.to/blog/?theme=WindowsLive
You see that the the text is still centered.

How can I fix this?

prashant

6/12/2011 7:16:54 AM #

@mc-kay: Change the body style in the theme style.css like this:

body
{
  background: #fff url(images/livesino_bg.jpg) repeat-x center top;
  color: #444444;
  margin: 0 auto;
  margin-left: 5%;
  margin-right: 5%;
  min-width: 1095px;
  position: relative;
}

Thomas

6/30/2011 5:26:52 AM #

Just increase the size of the background image. In my case 1920px. That should do the trick.
@prashant: Maybe include it bigger? But your work looks great. A lot of thanks!
Thomas

Prashant

6/30/2011 7:57:07 AM #

@Thomas: Thanks

I will see what I can do with the image.