Pages

Showing posts with label technical. Show all posts
Showing posts with label technical. Show all posts

Saturday, September 30, 2006

Header thinkpiece

How is this for a header?





This is done "simply" by print-screening a text line of font .TMC-Ong Do in Open Office, pasting to paint and resizing. I'm not fond of big programs that you can't even touch.

Up until here, it was my own ideas. Then I googled around for a touch of perfection. bloggerstatusforrealbeta provided the ultimate answer.

Then I got bored of Ông Đồ font. I found some Vietnamese thư pháp fonts instead, which are similar but cooler. These forms have been simulated from the ancient art of writing by the joint effort of Vietnamese computer and calligraphy experts. In the end, I opted for HL Thuphap 1BK upgrade. The result is quite satisfactory, as you can see in my header.

This is definitely not the end...when I get my hands on the school's photoshop I will see about adding background images.

Squid Icon

I took this picture during my trip to Japan. This mystifying squid is a resident of the Osaka Maritime Museum. I immediately fell in love with him...among various other Japanese goodies.

So I went to FavIcon from Pics and got this:
Standard x32 by x32 image. It was initially converted to an *ico file, but it looks like blogger doesn't accept them. Unhappy, I changed the extension back to jpg. Let's see how it works. Here is the animated version:
It has the word "jublog" running across.

The next step is to insert this line between my <head> and </head> tags:

<link rel="shortcut icon" href="put_the_image's_url_here"/>

which, by a personal stand of anti-corporatism, I automatically discard in favor of the Mozilla standard:

<link rel="icon" type="image/jpeg" href="put_the_image's_url_here"/>

The word is that this will only work with Mozilla Firefox because IE doesn't accept anything other than *ico files. Hmm....

*Si vous êtes francophones j'ai trouvé un site chez AFUL avec des bonnes explanations pour le faire vous-même à votre site. Ce n'est pas trop compliqué je crois.*

We'll see how it turns out.

Sunday, September 24, 2006

More updates

Have-done and in-the-process-of-doing list:
- Swam through the quagmire of css, xhtml, blogger and java editings. Wish I were a CS major.
- Inserted a link to Maria Ozawa's blog...YESS!!
- Contented with Lilia Ahner's Beckett's template...for now!
- Realized that the css and js files are on a different server. Put a mental note to myself to get them into the source ASAP
- Added a customized search button
- Installed Johan's tagging script
- Submit[ting] my first tagged post!
- Starving to death



To-do list:
- Integrate css/js files into my source [Update: encountering enormous trouble, namely page lay-out distortion and columns breaking down!!]
- Get a FREAKING CALENDAR into the blog! Veerle's one looks pretty sweet.
- Get the tags listed onto the sidebar [Update: done. But I cheated. I used blogger's internal search system to simplify the problem...But now I think I will try freshtags instead. Oh yeah...I'm going for the jackpot: a category drop-down box!]
- Other customizations to come (i.e. do something about that lame header)
- Do my fucking homework!

more work needed

slowly getting this blog thing to order...successfully removed the NavBar and the stupid Blogger Power. I am still undecided between a nice-looking template or a fully customizable thinkpiece.

and it's fucking 4 in the morning.

Wednesday, September 20, 2006

blog technicale (English)

Latest Update: 01/10/2006

* I have inserted a cool text-picture for the header bar. How it was done is explained here.
* I have added the rounders back on for the header bar.

-----

This post explains the techincal side of this blog. Expect continual updates.

Disclaimer: I am not a CS major. On a scale of 1 to 10 of CSS/HTML/javascript knowledge, I stand at 2.5. I am in no way the author of any of the ideas discussed in this post. When such is the case, I have provided links to the appropriate sites so that you can do more in-depth studies.

I'm using the beta version of blogger. Although it is not yet fully customizable I am inclined to give blogger many many second chances. Consequentially, I am not planning to move to wordpress anytime soon, even though everybody should, because it is much more versatile.

Before moving to BETA, I had to peruse hundreds of pages of blog hacks googled randomly off the internet to turn my blog into something cool. It was a nightmare! I used Lilia Ahner's Beckett's template. Some of the hacks I dug my head into were: removal of navbar, Google API Search, Veerle's calendar, freshtags, blogfresh's del.icio.us categories tweaks, from which I finally opted for Johan's tagging script, I got some of these to work, but then there's always the browser compability problem. By then end, my blog was in shambles.


Then BETA came out and saved the day! It is much simpler. My blog is now based roughly on Douglas Bowmans's Rounders 2 template, with some minor changes: 1) I've opted for a more sinister color combination; 2) I've taken the "rounders" off because they piss me off (which really defeats the whole purpose of the template in the first place!). So really, I could have just written a template from scratch, but remember this happened when I had zero knowledge of CSS, XHMTL or javascript. History, albeit clumsy, has always been a good reminder for the present.


This blog is written with Unicode UFT-8 for Mozilla Firefox as the ideal viewer. Adjust your local settings correspondingly. Some of the features I have made use of are:

1) Labels: This really eliminates the need for categories hacks. No offense, del.icio.us is still a cool concept.
2) Quick Navigation on sidebar: This is, for me, the biggest improvement in BETA. Instead of crambling through lines and lines of html codes, I can now add links in a more user-friendly interface.

Some ideas I'm working on, or hope to get worked on:

1) A Calendar on Sidebar. I have yet to test Veerle's calendar on BETA.
2) I have a vague feeling that blogger has disabled the ability to "disable" the NavBar. I would like that fucker taken off. It is really goddam annoying.
3) Google API Search
4) Turning labels into navigation elements. Hands down to góc học trò. I have never doubted a Vietnamese's superiority to his/her foreign counterparts in pretty much all scientific fields.
5) Creating a cool headerbar. Creating a cool footerbar.
6) Any other hacks that surface the net in the future. I'm always on the lookout.