Tuesday, August 19, 2008


The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.

There 3 steps to create that 'Read More' link.

Step 1, update your template:

1. You must login on Blogger.
2. Click on Layout.
3. After that, click on Edit HTML.
4. Find 'Expand Widget Template' checkbox, then check it.
5. Find this code on HTML code:


6. Delete that code, change with this one:

<b:if cond='data:blog.pageType == "item"'>
<a expr:href='data:post.url'>Read More......</a>

7. Save our works.

Step 2, create your template post:

1. Click on Setting > Formatting.
2. Find 'Post Template' form, fill the form with this code:

<span class="fullpost">

3. Save.

Step 3, create your new post:

1. Create new post.
2. Between 2 tabs, 'Compose' and 'Edit HTML', choose Edit HTML. You can see code of post template.
3. Put your main article before '<span class="fullpost">' and rest your article after that. Close the article with this code '</span>'

Now, the example code:
The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.
<span class="fullpost">Even you using a free public template. If you choose using a free public template, you still have to modify your current header. Give some touch to look different form the original. That's makes your blog can be different.</span>

-- D O N E --

Thursday, August 14, 2008

Blogger release new interface, named Google Gadgets.

What it is?
More like widget. The diffrent is Google Gadget allows for the integration of iGoogle Gadgets directly into your sidebar. Also built into Gadgets is blogger Gadget Directory, which lets you browse through thousands of cool gadgets and add them to your blog with a simple click of a button.

Gadgets have built-in configuration for easy integration into your layout. All gadgets are automatically sized to match the width of your sidebar, and their height in pixels can be adjusted using the Gadget's built-in options.

Cool, isn't it?

How to use it?
Simple. The different is, blogger change the link with 'Add a Gedget' at layout page. After click that link, a new window will come out. Now you see thousand gadgets, ready to use. List by the category.

The gadget you pick, click the '+' button.

If you try to searching some gadget. You can use the searching form.

-- Itching to get started? --

Friday, August 8, 2008

In web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

CSS is used by both the authors and readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentational characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).

Saturday, July 26, 2008

Blog Elements When creating a blog template I found there are few elements

I always used. One blog always have 5 elements:

  1. Header
  2. Content Area
  3. Sidebar
  4. Comment
  5. Footer

I will describe all, one by one.

1. Header

The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header. Even you using a free public template. If you choose using a free public template, you still have to modify your current header. Give some touch to look different form the original. That's makes your blog can be different. Pelase remember that is important thing if you can make your blog header memorable and eye catching.


  • Put your blog title with a bigger font.
  • Put your tagline, message with a normal font or a little bigger than normal
  • Be more creative, example using a nice image with a nice color.

2. Content Area

This the element where you put your article.It's means, this element is the visitor most spend their time on your blog. They will be read all of your article if they feel comfortable on your blog.


  • Build a hierarchy that establishes a flow. Title and content must be in
    a different style. You can using a different color, size, weight, background
    color, etc. A title must have a link!
  • Keep your content clean and consistent, more easier to read your article.
  • When your styling links, make sure that they pop out enough to call attention
    to it, but not so much that it is distracting when reading.

3. Sidebar

This elements is the section where you can put article archieve, blogroll, links, advertising, everything that you wanna put on it. Some weblog service has widget to manage this elements. More easier using widget.

  • Do not use any unnecessary widget that doesn't really help the reader find what they are looking for.
  • Organized sidebar with title.
  • Keep your sidebar clear space.

4. Comment

Comment are where you can get feedback from visitor, communication with the visitor.

  • Design your comment element different from other element, especially content are.
  • Make it easy for a reader to see that each comment is separate from each other.
  • Design the author comment with different but still looks like part of comment. Example, using a different color.
  • Design miscellaneous information like name, date, and number different from the content comment.

5. Footer

Some peoples don't want to use this elements. They just just stick a copyright on the bottom with some basic links. But, you can more creative on this element. For example, this blog:

By adding some links and some widget, you can control your sidebar, not overflowing.

  • Design the footer so that is contrasts with your regular content.
  • Keep it simple, so visitor can read.

Thursday, July 24, 2008

"Are you one of those people that tries to convince everyone around you to read your blog? Do you dream of RSS? I highly suggest you take this quiz, it could save your life."

I found funny quizz about blog. You can believe on this quizz, you can not.

Take the Blog Addiction Quiz Now

My result:

48%How Addicted to Blogging Are You?
Hmmm, not bad. How bout you?

Monday, July 21, 2008

For blogger who wants to use original photo, picture, and image must have hosting to upload them on internet. We can use some public free image hosting. I recommend 2 image hostings that I usually used.

1. ImageShack
ImageShack have to services for user, one for member other for non member. Register with ImageShack to receive personalized service:

  • Keep track of all the images and photoblogs you ever upload.
  • Get image code faster
  • Have the ability to delete and undelete your images!
  • Upload batch multiple images, with the ability to resize them upon upload.
  • Registration is absolutely free!
If you don't want register, you still can use upload your image for free. Upload your image in simple way. You can create thumbnail image, resize image.

ImageShack allowed: jpg, jpeg, png, gif, bmp, tif, tiff, swf < 1.53 megabytes. If you want upload more than 1.53 MB, you have to upgrade for $8/month.

2. Photobucket

Photobucket offers free tools for making slideshows of photos, videos with music. You can share your photos and videos with friends by email, IM and mobile phone. Plus, you browse through Photobucket's huge online library of photos and videos to find the latest and best photos, images and videos. Finally, Photobucket's online store lets you print pictures, as well as add them to shirts, hoodies, mugs, calendars, stickers, wall posters and more.

Friday, July 18, 2008

Year by year, people around the world use the Internet. Now, more than 1.1 billion people use the Internet. I wonder, what people do on internet? What they expectations on internet?

It's becoming obvious that the Internet isn't just a new and better method of business communications (a cheaper, fancier telephone for the 21st Century, as it were). Beyond presenting huge opportunities for companies to invent new businesses and improve the ways they run their old businesses, there is a growing consensus – both inside and outside the industry – that the Net has a much wider and more important role to play in improving the quality of life for the world's population.

How we can get the information about the benefits of internet?

I found a good web site report the most issues relating to the future of the internet, Internet Evolution. Techweb's site focused on the future of the Internet. So, we can't miss everything about internet.

Let's we check!!

Thursday, July 17, 2008

For the first time, I would like talk about name. Why? Because everything must have a name. And my name is Rini Aisyah. ^_^

Let's find what is a 'Name'?

I checked Oxford Advanced Learner's Dictionary of Current English. I found the definitions are:

(1) word(s) by which a person, animal, place, thing, etc is known and spoken to or of;
(2) (sing only) reputation; fame;
(3) famous person.

Then I found this from wikipedia:
Naming is the process of assigning a particular word or phrase to a particular object or property. This can be quite deliberate or a natural process that occurs in the flow of life as some phenomenon comes to the attention of the users of a language. Many new words or phrases come into existence during translation as attempts are made to express concepts from one language in another.

Based on language and country, i've found the difference in style, forms and system for family name. A family name or last name is a type of surname and part of a person's name indicating the family to which the person belongs.

Let's check!

My name is Rini Aisyah, but my surname name is not Aisyah. How come? My culture, Indonesia, do not generally use the Western naming practice of a given first name and a family last name. And the majority of Indonesians do not have family names. Interesting, isn't it?

But, I have my surname, anyway.....

Rini's Design Blog Diseñado por Wpdesigner y adaptado por Zona Cerebral