Have You Tried It on IE6?

27/03/2010

About a year ago, I created a blog aggregator, or sometimes also called Planet. This planet display all the blog posts from my registered friends. At first, I did it alone. I maintained and designed it by myself. And then, my friend Andreas wanna help me maintaining the site. So I gave him a role as administrator. Some days ago, he sent me this email:

Rif,

Do you have opened the website in IE6? The layout and the design looks screwed :(

IE6 or Internet Explorer version 6 is a browser shipped with Windows XP. It was released in 2001. It has better CSS support than the previous version, at that time. The problem with the browser is it’s lacking support on the web standard. If you’re a web designer, you must know the designing problems in IE6 . This browser has bad reputation among web designers. Continue reading

Birds Theme

16/08/2009
Birds theme screenshot

Birds theme screenshot

Today I deployed a new theme, let’s call it birds.

Blorange: a New Theme

06/05/2009

Hi..

Couple days back, I’ve got some inspirations for my blog design. So today, I created this theme: Blorange. Unlike the usual, I used some images for email, rss feeds, and search button. I played with some colors: variation of black and orange.

So, how do u think? Any suggestions?

Simple Widget Styling

23/12/2008

Do you ever using widget in your blog?
Sometimes when I added widget in my blog, the position was aligned left. Can we make it a little bit in the center?
In this writing, I tried to apply some simple styling to modify your widget. Are you ready?

First of all, you must choose a widget to enroll. In this writing, I used widget from Dilbert (I’m the big fan of it). This was the code given by them.
<object type="application/x-shockwave-flash" data="http://widgets.dilbert.com/o/478bf96b7bf0b5a2/494cffca172eaa7d/478cddf3fcd52701/8a2fafd6/-cpid/71bc012ffa85d617" id="W478bf96b7bf0b5a2494cffca172eaa7d" width="160" height="300"><param name="movie" value="http://widgets.dilbert.com/o/478bf96b7bf0b5a2/494cffca172eaa7d/478cddf3fcd52701/8a2fafd6/-cpid/71bc012ffa85d617" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>

As usual, you could just copy and paste the code to the Text Widget on your wordpress control panel. After saving the changes you made, go and see to the homepage and see the widget. It will looks like this.

Before

Before

Now, trying to add some styling codes on your Dilbert’s Text Widget. I’ll try to make the position into the center. The codes are like these:
<div style:"text-align:center;">
<object type="application/x-shockwave-flash" data="http://widgets.dilbert.com/o/478bf96b7bf0b5a2/494cffca172eaa7d/478cddf3fcd52701/8a2fafd6/-cpid/71bc012ffa85d617" id="W478bf96b7bf0b5a2494cffca172eaa7d" width="160" height="300"><param name="movie" value="http://widgets.dilbert.com/o/478bf96b7bf0b5a2/494cffca172eaa7d/478cddf3fcd52701/8a2fafd6/-cpid/71bc012ffa85d617" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>
</div>

Save the changes and refresh the homepage. The widget will be centered just like this.

After

After

Now, you can try another styling widget on your own. If you find something interesting on the process, don’t mind to tell me about it. Happy trying!!