Dee is Learning Codes

Create Table of Contents

noreply@blogger.com (Dee) — Fri, 04 Jun 2010 08:07:00 +0000

I'm using my Feed to create the Table of Contents for my blogs. You can see the example HERE, HERE, and HERE. And here is the script I got from Google Feed Burner to create this table of contents :

Note :

Activate the "BuzzBoost" in your feed, and set the Number of Items to Display: All.
Change my feed URL with your own feed URL (shown in red).

Create Table

noreply@blogger.com (Dee) — Tue, 18 May 2010 12:49:00 +0000

Tables are defined with <table> tag, and a table is divided into rows (defined with <tr> tag) which are divided again into data cells (defined with <td> tag). tr stands for table rows and td stands for table data. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

The codes above will produce this table below :

1st row, 1st cell	1st row, 2nd cell
2nd row, 1st cell	2nd row, 2nd cell

Share Button

noreply@blogger.com (Dee) — Mon, 10 May 2010 16:41:00 +0000

Want to put this cool share button on your page ? It's very easy to do. All you have to do is go HERE, follow the instruction, and there you have it !

Or maybe I'll explain a little bit, but sorry, it's only for those who are using Blogger service. But don't worry, for others, you can go here to get more instruction.

1. Sign in to your Blogger account or anywhere you want to put this share box (your website, WordPress, Blogger, or MySpace).

2. Click HERE and sign up. (*You could just create this share button without signing up, but I recommend you to sign up to get your analytics data collected, so you'll be able to see how many times your page is being shared and where to. And even how many clickbacks !)

3. Select your service (website, WordPress, Blogger, or MySpace) and choose the button style.

4. Once you got the code, go back to your Blogger page and go to layout - edit HTML. Check the expand widget templates box and then find this code :

*note: use ctrl+f to find the code easier.

5. Copy the code you just got from here, and paste right after div class='post-footer' tag.

6. Click preview button, ...like that huh ? .

7. And finally, last but not least, save your project to get it done !

Add an Image

noreply@blogger.com (Dee) — Tue, 04 May 2010 11:41:00 +0000

To add an image to your page, simply copy the code below, and replace that image adress with your own image adress:

Example :

This code below :

will produce this image :

And by setting the width and the height, this code below :

will produce this smaller image :

And don't forget to always include alt attribute for your each image code, because it is used to define an alternate text for your image. So, if your image is not loaded properly, then the browser will display your alternate text instead of your image. And here is how to include alt attribute to an image :

By including that alt attribute, if the image is not loaded properly, anyone then will see a text : Dee - About Lifes, instead of the image.

noreply@blogger.com (Dee) — Sun, 25 Apr 2010 08:00:00 +0000

Create a Link

noreply@blogger.com (Dee) — Sat, 24 Apr 2010 17:43:00 +0000

This is a simple code to create a text link :

Example :

That code will produce this link : Kids Zone and will go to my Kids Zone Page.

And now is a simple code to create a link using an image :

Example :

Code above will produce this image below, and if you click on it, you will go to My Note page.