Arthemia Pro for BlogEngine.NET

Friday, October 2, 2009

Arthemia PRO for BlogEngine.NET Earlier this year I decided to switch Blog platform partly in an attempt to force myself to learn something new. I chose BlogEngine.NET. I chose it over anything else in the blog-app-sphere because it is open source, and appeared to be amongst the most popular and mature. It also met my #1 requirement that it had to be based on the Microsoft .NET Framework.

Soon after installing BlogEngine though, I realized that none of the included themes inspired me all that much. They all looked *ok*, but none looked quite complete to me. 
A search for BlogEngine themes lead me to Henrik Stenbaek’s post where he discusses about his conversion of Michael Jubel’s Arthemia theme for WordPress to a BlogEngine.NET theme; this was exactly what I was looking for!

But wait, I don’t want my blog to look the same as many others who have decided to use this theme. It has to have to have its own personality. So after further research, I found Arthemia Premium (for WordPress), a more advanced version of the regular and original Arthemia theme. I decided to take Henrik’s excellent work and use it as an starting point. I updated Arthemia to more closely match the Premium version while giving it a little spice of my own; This gave birth to what I now call Arthemia PRO for BlogEngine.NET.

Some of the improvements made to the original theme are as follows:

  • Optimized CSS
  • XHTML Compliance
  • Improved Comments UI
  • Improved overall form element styling
  • Added Twitter Extension
  • Added an “About Me” section
  • Added PimpThisBlog social bookmark, and cleaned up some others

Setting Up Arthermia PRO for BlogEngine.NET

Arthemia PRO includes improved CSS optimizations and XHTML compliance but it is also packaged with a few additional goodies that I think you will find useful:

Arthemia PRO for BlogEngine.NET was tested on BlogEngine.NET 1.4 and 1.5. I have not tested or verified its functionality on other versions. Please let me know if you can confirm that it works on other versions and I will update this list.

Installation

After downloading the package, simple extract the contents into your BlogEngine’s root folder. It is important that you do not extract the contents into the theme folder directly, just as you would with a vanilla theme – it just won’t work.

Arthemia Folder Structure

Setting Up Categories

Arthemia PRO supports the display of 5 top-level categories beneath the headline and featured sections on the home page. This is a hard limit. Adding more than 5 top-level categories will break the layout.

Arthemia-Categories

If you want to add more than 5 categories but not have them all display, then go to your category management page in your admin section and simply create categories with a colon (“:”) as the description. The category display UI recognizes the colon in the category description and will use it as a directive to simply skip it from display.

Arthemia-Category-Manage

Setting Up the Twitter Feed

As I mentioned previously, one of the things I included in this theme is the Twitter feed extension.

You will need to add your twitter authentication details in the control (I’ll show you how below) in order to properly connect to your feed. If you do not do this you will get the following message:

Arthemia Twitter Feed

To add your twitter authentication details open and edit Site.Master file located under the “Themes\Arthemia PRO\” folder. Go to approximately line number 129 and modify the Twitter control’s Username and Password properties as follows:

<blog:Twitter 
ID="Twitter"
Timeline="User"
runat="server"
NumberOfStatuses="10"
Password="changeme"
Username="changeme" />

 

If you do not want to display the Twitter feed then simply remove the entire Twitter Sidebar section that encloses the twitter control shown above, as shown below:

<div id="sidebar-twitter">

... twitter control and other ...

</div>

Modifying the Theme

After installing the theme you will notice that I left the “About Me” section on the right-hand column. I also left all my details in there just to give you a template from which you can derive your own.

Arthemia Profile

To modify this section as well as others simply open and edit the Site.Master file located under the “Themes\Arthemia PRO\” folder.

I hope you enjoy Arthemia PRO. Please do let me know if you find any bugs, I’ll try my best to fix them and update the theme.

Download

Comments

pingbacktopsy.com said:

Pingback from topsy.com

Twitter Trackbacks for
        
        CTO 2.0 | Arthemia Pro for BlogEngine.NET
        [cto20.com]
        on Topsy.com

trackbackPimpThisBlog.com said:

Arthemia Pro for BlogEngine.NET

Thank you for submitting this cool story - Trackback from PimpThisBlog.com

rturUnited Statesrtur said:

Great theme and very nice port, looks like all details are taken care of.

AntonioChagouryUnited StatesAntonioChagoury said:

Thanks rtur!

BTW, I was looking for your commentor extension for BlogEngine.net am getting 404 to every resource link I find. Do you still have it?

Thanks.

oes tsetnocUnited Statesoes tsetnoc said:

this theme is very famous in wordpress engine, good it can be use in BE

Noah GroupUnited StatesNoah Group said:

I really agree with you. Oes. This is theme is really good.
Noah Group

Al BsharahUnited StatesAl Bsharah said:

Great job on this theme!  Couple of quick things:

1)  I had to delete the Twitter control as it was throwing an error (BE 1.5) and the reference to it in site.master.

2)  Do you have plans to update this to allow for nested comments?

Thanks!
Al

AntonioChagouryUnited StatesAntonioChagoury said:

@Al:

Thanks for your comments.
What was the exact error you got on the twitter control? Did you see my comments on the "setting up the twitter feed" section?

I'll work on nested comments next... I have been swamped with work lately and had to put this on the back-burner.

Let me know if you come up with a solution before I do ;)

Al BsharahUnited StatesAl Bsharah said:

@Antonio:

Below is the error message from the twitter.cs file.  I've removed it, and things run fine.

===
Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.

Compiler Error Message: CS0246: The type or namespace name 'var' could not be found (are you missing a using directive or an assembly reference?)

Source Error:
Line 104:            // Get timeline from Twitter
Line 105:            const string link = "<a href=\"{0}\">{1}</a>";
Line 106:            var request = WebRequest.Create(timelineUrl);
Line 107:            var document = new XmlDocument();
Line 108:            request.Headers.Add(HttpRequestHeader.Authorization, "Basic " + GetCredentials());


Source File: d:\blahblahblah\App_Code\Controls\Twitter.cs    Line: 106

===

Cheers!
Al

Al BsharahUnited StatesAl Bsharah said:

One more question for you...is there a way to get the Headline Category and the Featured Category to pull from ALL categories, instead of just one?

Thanks!
AL

AntonioChagouryUnited StatesAntonioChagoury said:

@Al:

The error you are getting if probably because you are running under .NET Framework 2.0. Can you try upgrading to .NET 3.5?

About the featured headlines, unfortunately right now it only enables one single selection, however, changing the behavior to allow for multiple selection should be trivial. I'll add it to my list.

Thanks.

Al BsharahUnited StatesAl Bsharah said:

@Antonio:  .NET 3.5 SP1 is installed on the machine...but I do not have the option to run a website under it (only 1.1 and 2.0) within IIS.  Should the option be in the same place or am I missing something?

AntonioChagouryUnited StatesAntonioChagoury said:

@Al: do you have 3.5 SP1 installed also?

BTW, in IIS all you will see is 2.0. Since 2.0 all the other versions are basically "roll ups" or upgrades to 2.0 (as far as IIS is concerned, that is).

HTH.

Al BsharahUnited StatesAl Bsharah said:

@Antonio.  Right, I kinda thought that might be the case.  So, yeah...then I'm good right?  You asked if I had 3.5 SP1 installed...but that's what I said I had initially.  For reference, this is what's installed: 2.0SP2, 3.0SP2, 3.5SP1.  Anyway, I think the Twitter issue may be something else then?  Cheers!

AntonioChagouryUnited StatesAntonioChagoury said:

Ok, can you try changing this:

var request = WebRequest.Create(timelineUrl);
var document = new XmlDocument();

to this:

WebRequest request = WebRequest.Create(timelineUrl);
XmlDocument document = new XmlDocument();

Basically remove the implicit typing which (based on the error you sent above) seems to be the problem.

Let me know.

Anuj VarmaUnited StatesAnuj Varma said:

Great theme. I ran into a small issue that I thought I'd share.

On the PostViewFrontPage, the categories that show up at the bottom have broken links to the full category path. I had to make the following modification to PostViewFrontPage.ascx.cs to get the categories to open up correctly.

Change the path shown below to the correct path below this line
// string uri = Utils.RelativeWebRoot + "category/" + Utils.RemoveIllegalCharacters(item.CompleteTitle()) + BlogSettings.Instance.FileExtension;

// AV - Making this change to correct the path to the categories folder
string uri = Utils.RelativeWebRoot + "category/" + Utils.RemoveIllegalCharacters(item.Title) + BlogSettings.Instance.FileExtension;

FashionistaUnited KingdomFashionista said:

Hmmm...  Still a bit stuck.  Must be doing something wrong.  Oh well...  Try again tomorrow.  Dev blogengine not yet public BTW.

rturUnited Statesrtur said:

BTW, I was looking for your commentor extension for BlogEngine.net am getting 404 to every resource link I find. Do you still have it?

Sure, it is still at:
rtur.net/.../Commentor-e28093-new-version.aspx

or just go to dotnetblogengine.net and check extensions page, they all up to date, including link to commentor.

PraveshIndiaPravesh said:

I'm getting strange things while using the theme. I'm not putting description in to my posts, due to this, I'm not able to get excerpt in my front page. Any help would be appreciated.

Steve LambertUnited StatesSteve Lambert said:

This is a great theme...thanks for making it available.

Someone asked about adding nested comments. I don't know if you have had time to do that yet. I noticed a pointer about this in the BlogEngine discussion group to this topic in the documentation:

blogengine.codeplex.com/wikipage

I'm not a programmer, but managed to follow the instructions there to add half a dozen lines to CommentView.ascx and some stuff to style.css, and it seems to work fine.

You can also just grab the pertinent bits from the BlogEngine Standard theme.

So if anyone else is interested in nested comments, this is a way to add them on your own.

AntonioChagouryUnited StatesAntonioChagoury said:

Hey Steve,

Since you got it working already, would you mind sharing what you have?
Send me just the CommentView.ascx file and the added styles (+ instructions if anything funky is needed). I will run some tests and add them to the theme for everyone else to enjoy!

Thanks!

Steve LambertUnited StatesSteve Lambert said:

I sent that to you in the contact form.

AntonioChagouryUnited StatesAntonioChagoury said:

@Steve: Yes - I got it last night. Thanks!
I will work on testing it and including in the package.

Thanks again!

Steve LambertUnited StatesSteve Lambert said:

FWIW, In the text about excluding a category from the Browse by Categories bar you say to use a semicolon but in the parenthesis and the image have a colon. The code expects a colon, and a semicolon doesn't work.

AntonioChagouryUnited StatesAntonioChagoury said:

Good catch steve!

I'll fix this right way. Thanks!

kisaranku ngeblogkisaranku ngeblog said:

thanks admin for reviewing this template. I also use arthemia on my other blogs. Love it Smile

Andrea D'OrioItalyAndrea D'Orio said:

Someone has tried to install Arthemia Pro theme to Blogengine.NET 1.6.0? On IIS 7.5? With the standard theme i've no problem but with Arthemia PRO i receive only HTTP 500 error.

Can someone help me?

Thanks a lot!

AntonioChagouryUnited StatesAntonioChagoury said:

@andrea I have not tested it on 1.6 yet but will be doing that soon. I'll let you know how that goes, or you could share with us if you get to it before I do ;)

Andrea D'OrioItalyAndrea D'Orio said:

@Antonio Thanks a lot! I've tested Arthemia PRO with a clean installation of 1.6 version and i receive a HTTP 500 error but with 1.5.0.7 all works fine (except for the twitter plugin that i had to remove in order to make Blogengine works.
I'll wait your support for the twitter plugin and for 1.6 test.

Informasi TeknologiUnited StatesInformasi Teknologi said:

I think arthemia themes for engine wordpress, but i look in this blog with blogengine.net platform. how do that Antonio ?

Erle EllisUnited StatesErle Ellis said:

Your new arthemia looks great- I've been using the old one for years.
http://ecotope.org/blogs/
I've tried to get your Arthemia PRO to work on BE 1.6 without success- just a blank screen.  I've tried it without the twitter.cs too.
I've noticed that another user of your new theme is having problems with summary text not appearing on the main page- I am now having that issue with the old arthemia too.
Any help and advice with getting this to work would be greatly appreciated!
PS: It would also be great to have the option of using 6 categories...

Clottey PacquiaoUnited StatesClottey Pacquiao said:

This is nice! I like how you converted the theme to be compatible with the blogging platform. I am actually using the same theme but using WP instead.

iwanUnited Statesiwan said:

FWIW, In the text about excluding a category from the Browse by Categories bar you say to use a semicolon but in the parenthesis and the image have a colon. The code expects a colon, and a semicolon doesn't work.
http://iwansulistyo.com

KislayIndiaKislay said:

Hi,
I have tried this theme with BE 1.5 working fine with  IE but not working fine with firefox 3.5.
Please suggest
Thanks
Kislay

MarcoItalyMarco said:

I have problem with twitter :
error Object reference not set to an instance of an object.

MarcoItalyMarco said:

If possible widge add manually on theme ?
for example <blog:NameOfWidge .... /> and not in widgetemplate? thanks

TilaUnited StatesTila said:

Hi. Thanks for this great work. I am using this theme on my blog / (BE 1.6.1). but i have little bug on front page posts, it doesn't display any text from the post except the post title and images in the post. only i can see is "... [More]". In the head line section also there's no texts from the blog post. how this could be fixed. Thanks in advance

TilaUnited StatesTila said:

Hi, I got it. i have to update post description. Thanks

trackbackDown To Code said:

Blogengine.NET und die Theme Problematik

Blogengine.NET und die Theme Problematik

devilIndiadevil said:

Wow!! What nice info on this post! All information really useful. I love your stuff very much.
Thanks for sharing this helpful post.

Great article it very informative have a nice day.

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading