home Twitter RSS feeds

New project

Blogged by: Kitty on Tuesday, April 26, 2011   |  Leave a comment
Commentators: Blogger FaiHaneul,
Facebook comments: comments

Since I'm done with my work attachment, I have so many free time at hand so I want to use this time to catch up with all the online things that I've left behind. I'm currently working on 2 web-related projects at the moment. One is creating a Wordpress theme for a client (which is pretty much done already).

The other project is building a mini blogging platform from scratch. I've almost completed except for a few missing features such as adding in the categories, image uploader, and login form. They major chunk of the codes in the blogging platform is heavily derived from the Build-A-Blog tutorial but I've done some customisation to it. Once I'm done with the coding, it will be used on one of my mini websites. I've uploaded the script onto a demo site, you can click here to view it in action. :)

Labels: , ,

Tutorial: Embedding youtube player into blog/website

Blogged by: Kitty on Sunday, April 17, 2011   |  Leave a comment
Commentators: Blogger Affinity, Blogger Kaye V, Blogger lai zupu,
Facebook comments: comments

This tutorial which explain on how to add youtube embed plugin into your blog/website.

Step 1
Head over to Youtube and go to the video page that you want to embed into your blog/website.

Step 2
Press the 'Share' button which you can find right beneath the video and you will be presented with certain codes that you can use to embed into your blog/website.

Step 3
You can copy the codes and paste them into your blog/website wherever you want the video to appear.

Alternatively, if you wish to display only the player controllers, such as the Play/Pause button only, follow the steps below.

Step 4
Find and remove this bit:

<object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/blablabla?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param></object>


and then change the size (width and height) of the player:

<embed src="http://www.youtube.com/v/k-ImCpNqbJw?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed>

Labels: , ,

Tutorial: Adding white border/background to image

Blogged by: Kitty on Friday, April 01, 2011   |  Leave a comment
Commentators: Blogger Hanna,
Facebook comments: comments

To create a white border to an image, follow the steps below:

Step 1
Open up your stylesheet file, or for Blogger/Blogspot, locate your stylesheet codes. Create a class for the image tag. For this example, I name the class as 'bord'.


img.bord {
padding: 10px;
margin: 0;
border: 0;
background-color: #fff;
-moz-box-shadow: 0 0 10px #767474;
-webkit-box-shadow: 0 3px 10px #767474;
box-shadow: 0 0 10px #767474;
}

#fff is white. You are, of course, free to change the colour of the border to any colour you like. Same applies to the border.

Step 2
Assign the class name to the image that you want to have the shadow border.


<img class="bord" src="http://i55.tinypic.com/2lvzh46.jpg" />


And the result is this:

Labels: ,

New project

Blogged by: Kitty on Tuesday, April 26, 2011   |  Leave a comment
Commentators: Blogger FaiHaneul,
Facebook comments: comments

Since I'm done with my work attachment, I have so many free time at hand so I want to use this time to catch up with all the online things that I've left behind. I'm currently working on 2 web-related projects at the moment. One is creating a Wordpress theme for a client (which is pretty much done already).

The other project is building a mini blogging platform from scratch. I've almost completed except for a few missing features such as adding in the categories, image uploader, and login form. They major chunk of the codes in the blogging platform is heavily derived from the Build-A-Blog tutorial but I've done some customisation to it. Once I'm done with the coding, it will be used on one of my mini websites. I've uploaded the script onto a demo site, you can click here to view it in action. :)

Labels: , ,

Tutorial: Embedding youtube player into blog/website

Blogged by: Kitty on Sunday, April 17, 2011   |  Leave a comment
Commentators: Blogger Affinity, Blogger Kaye V, Blogger lai zupu,
Facebook comments: comments

This tutorial which explain on how to add youtube embed plugin into your blog/website.

Step 1
Head over to Youtube and go to the video page that you want to embed into your blog/website.

Step 2
Press the 'Share' button which you can find right beneath the video and you will be presented with certain codes that you can use to embed into your blog/website.

Step 3
You can copy the codes and paste them into your blog/website wherever you want the video to appear.

Alternatively, if you wish to display only the player controllers, such as the Play/Pause button only, follow the steps below.

Step 4
Find and remove this bit:

<object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/blablabla?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param></object>


and then change the size (width and height) of the player:

<embed src="http://www.youtube.com/v/k-ImCpNqbJw?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed>

Labels: , ,

Tutorial: Adding white border/background to image

Blogged by: Kitty on Friday, April 01, 2011   |  Leave a comment
Commentators: Blogger Hanna,
Facebook comments: comments

To create a white border to an image, follow the steps below:

Step 1
Open up your stylesheet file, or for Blogger/Blogspot, locate your stylesheet codes. Create a class for the image tag. For this example, I name the class as 'bord'.


img.bord {
padding: 10px;
margin: 0;
border: 0;
background-color: #fff;
-moz-box-shadow: 0 0 10px #767474;
-webkit-box-shadow: 0 3px 10px #767474;
box-shadow: 0 0 10px #767474;
}

#fff is white. You are, of course, free to change the colour of the border to any colour you like. Same applies to the border.

Step 2
Assign the class name to the image that you want to have the shadow border.


<img class="bord" src="http://i55.tinypic.com/2lvzh46.jpg" />


And the result is this:

Labels: ,

Hire me to design your blog!

I offer designing and re-designing of Classic Blogger templates. Examples of my design can be found on my portfolio website.

The basic rate for a design starts from $25 USD. The rate is based on the complexity of the design. The more elaborate the design is, the higher the price is.

How to place your order

Send me an email via the contact form and state clearly how you want your design to be. This includes colour scheme, layout (with or without sidebar, number of columns, etc), any extra features, etc.

Your email should be in this format:
Name:
Design: Please give detailed explanation on how you want your template to look like
Preferred payment method: Paypal/Moneybookers/Payza/Bank transfer to Baiduri bank

I shall respond to your email within 3 (three) days. Your order will be placed into a Waiting Queue as orders are processed on a first come, first serve basis.

Payment methods

Payment has to be made to either by PayPal, or Moneybookers.

However, if you choose to pay via (international) bank transfer, be aware that you may be charged for the transfer service.

Other important information

Throughout the designing process, I may need to refer back to you for questions/opinions so do check your email frequently. This is to ensure the design can be done as soon as possible.

Depending on the design, your template make take up to over 1 (one) week to finish. You will be informed once the template is done.

I will send you an email requesting for the payment after the template is done. Once the payment is received, I will email you the complete template along with the necessary files.

All of my designs/templates will come with a credit section. This section must be left intact and you may not remove nor alter them. Resources that come with the designs/templates may not be redistributed or reproduced.

The designer

Kitty

Kitty. 27. Blogger, web design hobbyist, compulsive shopper and bibliophile based in Brunei. Enjoys creating and designing websites, dabbling with HTML, CSS and PHP.

Among the interwebs community, I am generally known as Kitty. I hold a bachelor degree in Social Science Education, majoring in History and currently I am pursuing a Masters degree in South East Asian Studies. I enjoy talking to my online friends. You could say I have more friends in the cyberworld than in real life. Because it is easier for me to talk to people without looking at them in the face; I'm a shy person and I'm very self-conscious on how I look. I don't know what people think about me so I'd leave that to you to figure out yourself.

I've been blogging since 2005 (or earlier) though my experience with the internet started back in 2000. My main interest is in web design and development. Other times you can see me wrapped around a book or glued to Astronomy and web design magazines.

The website

This website was created in January 2011 and the domain was purchased by me in late December 2010. Initially the website was intended to house tutorials for Classic Blogger/Blogspot only however over the time it has developed into what you see today.

Several of the tutorials and articles can also be found on Nekonette.com, which is the my main website where I mostly blog about my personal life. Also some of the tutorials here have been moved to that website.

Categories/Labels

Past layouts

These are the layouts that have been used on Codeislove.net previously.

Wooden board

Layout #1

Dark chic

Layout #2

Royal crimson

Layout #3

Articles, Tutorials and Contests

Articles


Please do not copy the articles verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Tutorials


Please do not copy the tutorials verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Popular tutorials:

Converting HTML layout to Wordpress series: How to code Classic Blogger template series:

Other tutorials:

Contests

Linkages

On-site navigation

Network

Looking for money-making opportunities? Check out these websites.

Blog Advertising - Advertise on blogs with SponsoredReviews.com

Business 2 Blogger

banner

Contact the webmistress

You can email me your messages/tutorial requests using the contact form:

Advertising

Codeislove: Geek Is Chic is a blog which houses various articles, tips and tutorials on web design as well as a mix of personal insights published by the website owner.

Simple site statistics:
Monthly Unique Visitors: 5000+
Monthly page views: 7,000 ~ 9,000

Also, if you think that you have a good advertisement offer to discuss with me, do contact me and let's discuss about it.

Get reviewed

You can have your website/blog reviewed here on Codeislove. Alternatively, you can also apply to get your website/blog reviewed on my other website, Amalina.org. You can request your review to be public or private. If you choose to have it public, it will be posted here on Codeislove. Similarly, if you want it to be private, I will send the review to you via email.

Please send an email to me in this format and I will get back to you as soon as I can:

Name:
Email:
Website/blog:
Do you want the review to be public/private?

Websites/blogs currently being reviewed:
Aroha - Ashleenah
Twinkle Toes - Eryn - completed
Gadis bermata cokelat - Nurul Nabila - completed

Related Posts Plugin for WordPress, Blogger...