home Twitter RSS feeds

Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]

Blogged by: Kitty on Wednesday, October 30, 2013  
Commentators: Blogger Safiena, Blogger Fina Sophie, Blogger mwasis,
Facebook comments: comments

Tutorial ini adalah tutorial Tutorial: How to code a Classic Blogger layout - Part 1 yang telah diterjemahkan ke dalam Bahasa Melayu. Tujuannya adalah agar ia dapat membantu mereka yang mungkin menghadapi kesukaran memahami tutorial ini yang ditulis dalam bahasa Inggeris.

Okay, tutorial ini akan ditunjukkan langkah demi langkah bagaimana untuk men-kod atau membuat Classic Template yang mempunyai dua kolum atau column. Tutorial ini akan menggunakan penggayaan minimum kerana fokus utama bukan pada reka bentuk tetapi adalah pada struktur template itu sendiri.

Penting: Saya menganggap anda sudah mempunyai pengetahuan tentang struktur asas dokumen HTML, tetapi jika anda tidak berbuat demikian, saya mencadangkan anda untuk melakukan beberapa bacaan sebelum cuba untuk mengikuti tutorial ini kerana saya tidak mempunyai masa untuk mengajar asas kepada setiap dan semua orang yang bertanya. Juga, pengetahuan asas CSS akan memberi manfaat. Untuk rujukan, anda boleh menyemak tutorial CSS di sini.

Apa yang anda perlukan:
Editor atau penyunting teks (Notepad untuk pengguna Windows, TextEdit untuk pengguna Mac)
Sambungan internet


Langkah 1
Buka penyunting teks anda dan tulis dokumen HTML yang asas.

<html>

<head>
</head>

<body>
</body>

</html>


Dalam apa-apa dokumen HTML, anda mesti mempunyai semua tag, jika tidak ia tidak akan lengkap.


Langkah 2
Seterusnya kita harus menambah dalam DOCTYPE HTML. Ini adalah penting kerana arahan kepada pelayar web tentang versi bahasa markup halaman bertulis. Ada terdapat beberapa jenis doctypes tetapi untuk tutorial ini kita akan memilih XHTML 1.0 Transitional.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">


DOCTYPE itu harus diletakkan di atas <head> supaya ia akan kelihatan seperti ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
</head>

<body>
</body>

</html>



Langkah 3
Mari kita dimasukkan ke dalam beberapa tag meta atau meta tags. Ini perlu diletakkan di antara tag <head> </head>.
Kebanyakan orang, terutamanya mereka yang menggunakan Classic Template seolah-olah lupa untuk menambah kod ini, atas sebab-sebab yang tidak diketahui. Tag meta, terutamanya kata kunci meta tag dan meta tag description adalah sangat penting kerana digunakan untuk memberi maklumat mengenai laman web. Mereka dua tag membantu laman web anda akan mudah dijumpai dalam enjin carian.

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Provide brief description of your blog here" />
<meta name="keywords" content="add, keywords, here" />
<meta name="author" content="http://www.yourblogsitehere.com" />



Langkah 4
Menyediakan tag tajuk/nama. Sekali lagi ini perlu diletakkan di antara <head> </head>. Biasanya, tag tajuk/nama akan kelihatan seperti ini:

<title>TUKAR TEKS INI KEPADA TAJUK/NAMA BLOG ANDA</title>

Walau bagaimanapun, untuk Classic Template, adalah lebih baik untuk menggantikan teks di antara tag <title> </title> dengan tag Classic Template yang telah ditetapkan: <$BlogPageTitle$>. Ini membolehkan Blogger untuk membaca nama blog anda yang anda telah takrifkan dalam Papan Pemuka (Dashboard) anda.


Langkah 5
Menambah stylesheet. Cascading Style Sheet (CSS) membolehkan anda mengawal gaya dan susun atur laman web anda. Secara ringkas, CSS menambah "UMPH" untuk laman web anda. Oleh itu, mari belajar bagaimana untuk menambah ia ke dalam kod HTML kita.

Kod CSS hendaklah diletakkan sebelum </head> tag. Seperti yang disebutkan sebelum ini, penjelasan terperinci mengenai cara gaya elemen tidak akan disediakan di sini kerana ia akan mengambil masa yang lama untuk menjelaskan satu per satu. Penjelasan yang muncul di bawah adalah yang sangat penting sahaja.
(Talian yang muncul selepas "slashes" (//) hanyalah komen atau penjelasan. Anda boleh mengeluarkan mereka.)

<style type="text/css">
Letakkan kod CSS di sini
</style>



Ok, seterusnya kita akan bermula dengan mentakrifkan gaya am susun atur dengan menggunakan CSS.

body {
font-family: "Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 0,8 em;
background-color: white; // atau anda boleh menggunakan kod #fffff (#ffffff ialah kod untuk warna putih)
}

/* Tujuan id yang diberi nama container ini adalah untuk membuat kandungan dan susun atur di tengah-tengah halaman. Anda boleh menukar nama container ini kepada apa saja nama yang anda suka */
#container {
width: 700px; // ini mentakrifkan lebar container itu.
margin: 0 auto; // ini memastikan ia akan berada di tengah-tengah halaman
}

/* Id ini adalah di mana terletaknya kandungan blog anda (entri blog, dll). Sekali lagi anda boleh menukar perkataan content kepada apa saja nama yang anda sukai */
#content {
width: 450px;
padding: 5px;
float: left; // ini akan membuat kandungan yang tersusun di sebelah kiri
}

/ * Ini adalah bahagian sidebar * /
#sidebar {
width: 200px; // lebar kandungan # + # sidebar tidak boleh melebihi lebar bekas #
padding: 5px;
float: right; // ini kedudukan sidebar di sebelah kanan bekas
}


Ingat, semua stylings mesti diletakkan di antara tag <style type="text/css"> </style>, jika tidak, penggayaan tidak akan berfungsi. Yang bagus tentang implementasi CSS cara ini iaitu embedded styling adalah bahawa, anda boleh mengelakkan inline styling.


Langkah 6
Kita sudah selesai dengan gaya struktur asas template. Sekarang saatnya untuk membentuk halaman web. Kod berikut perlu diletakkan di antara tag <body> </body>.

<div id="container">
<div id="content">
</div>

<div id="sidebar>
</div>
</div>



Langkah 7
Kita seterusnya akan memasukkan tag Blogger supaya entri blog akan dapat ditayangkan/ditunjukkan di dalam template. Saya hanya akan membuang kod di sini tanpa memberi penjelasan terperinci tentang bagaimana setiap tag itu berfungsi. Jika anda ingin tahu tentang fungsi tag-tag itu, anda boleh membacanya di sini.

Di dalam <div id="content"> </div>, kita letakkan kod berikut:

<Blogger>
<h1><BlogItemTitle><$BlogItemTitle$></h1>
<h2><BlogItemDateTime><$BlogItemDateTime$></BlogItemDateTime></h2>

<p><BlogItemBody><$BlogItemBody$></BlogItemBody></p>

<h2><BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></h2>

<ItemPage>
<BlogItemCommentsEnabled>
<h3><$BlogItemCommentCount$> Comments:</h3>
<BlogItemComments>
<p class="comment-body">
<p class="comment-data">
<$BlogCommentAuthor$> said on <a href="#<$BlogCommentNumber$>">
<$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
<p id="commbg"><$BlogCommentBody$></p><hr />
</BlogItemComments>
<p></p>
</BlogItemCommentsEnabled>
<$BlogItemCreate$>
</ItemPage>
</Blogger>


Anda boleh gayakan h1, h2, h3 mengikut citarasa anda.


Langkah 8
Menambah isi/content ke dalam ruang sisi atau sidebar. Anda boleh meletakkan apa sahaja yang anda suka dalam sidebar. Jadi, sebagai contoh, anda mahu masukkan ke dalam pengenalan anda, pautan blog kawan anda dan seksyen kredit.

<h2>Introduction</h2>
Introduction text here. Blah blah blah.

<h2>My buddies</h2>
<ul>
<li>Friend 1</li>
<li>Friend 2</li>
<li>Friend 3</li>
</ul>

<h2>Credits</h2>
This layout was created by me, kthxbai.


Sekali lagi, anda yang membuat keputusan tentang bagaimana anda ingin menggayakan h2, ul, li. Saya tidak akan mengajar anda bagaimana untuk berbuat demikian.

Sebaik sahaja anda telah mendandan dan menggilap reka bentuk anda, anda boleh copy kod keseluruhan dan paste ke bahagian 'Edit HTML' Blogger anda.


Baiklah. Inilah caranya untuk membuat Classic Template yang ringkas. Jika anda hanya berniat untuk mencipta blog (iaitu hanya ada entri blog), maka anda hanya perlu membaca Bahagian 1 ini. Tetapi bagi mereka yang ingin menambah ciri-ciri tambahan, seperti pautan navigasi dan mewujudkan pseudo-halaman, terus saja ke Bahagian 2.

Saya berharap anda semua akan dapat mempelajari sesuatu dari tutorial ini. Saya telah menulisnya semudah dan sebaik mungkin. Jika anda mempunyai sebarang pertanyaan, sila hantar soalan-soalan anda di ruangan komen di bawah. Cheers!

Untuk versi bahasa Inggeris, sila klik link ini: http://www.codeislove.net/2011/04/tutorial-how-to-code-classic-blogger.html

// Sila tinggalkan link kembali ke Codeislove jika anda telah mengikuti tutorial ini supaya saya boleh melihat apa yang anda telah capai dari tutorial ini. Terima kasih. //

Labels: ,


Comments to Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]:


Thank you for sharing this tutorial dear. I will go through one by one to enhance my knowledge on coding.

Your Malay Language is perfect dear!

sy suka classic template.. been using them for 5 years now walaupun coding smua kena buat sendiri. but its fun :)

akhirnya dari blog ini aq bisa temukan link tentang Template Tag list. thx ya sis :)

Post a Comment

Commenting policy:
1. Please leave comments that are relevant to the blog post.
2. Comments on posts that are more than 14 days old will be moderated.
3. Do not post advertisements to your own site/products here.
4. Do not post private information, it will be deleted.
5. Refrain from using abusive/vulgar words, if you have personal issues with me, contact me directly through the contact form or my email instead.

Facebook comments to Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]:


Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]

Blogged by: Kitty on Wednesday, October 30, 2013  
Commentators: Blogger Safiena, Blogger Fina Sophie, Blogger mwasis,
Facebook comments: comments

Tutorial ini adalah tutorial Tutorial: How to code a Classic Blogger layout - Part 1 yang telah diterjemahkan ke dalam Bahasa Melayu. Tujuannya adalah agar ia dapat membantu mereka yang mungkin menghadapi kesukaran memahami tutorial ini yang ditulis dalam bahasa Inggeris.

Okay, tutorial ini akan ditunjukkan langkah demi langkah bagaimana untuk men-kod atau membuat Classic Template yang mempunyai dua kolum atau column. Tutorial ini akan menggunakan penggayaan minimum kerana fokus utama bukan pada reka bentuk tetapi adalah pada struktur template itu sendiri.

Penting: Saya menganggap anda sudah mempunyai pengetahuan tentang struktur asas dokumen HTML, tetapi jika anda tidak berbuat demikian, saya mencadangkan anda untuk melakukan beberapa bacaan sebelum cuba untuk mengikuti tutorial ini kerana saya tidak mempunyai masa untuk mengajar asas kepada setiap dan semua orang yang bertanya. Juga, pengetahuan asas CSS akan memberi manfaat. Untuk rujukan, anda boleh menyemak tutorial CSS di sini.

Apa yang anda perlukan:
Editor atau penyunting teks (Notepad untuk pengguna Windows, TextEdit untuk pengguna Mac)
Sambungan internet


Langkah 1
Buka penyunting teks anda dan tulis dokumen HTML yang asas.

<html>

<head>
</head>

<body>
</body>

</html>


Dalam apa-apa dokumen HTML, anda mesti mempunyai semua tag, jika tidak ia tidak akan lengkap.


Langkah 2
Seterusnya kita harus menambah dalam DOCTYPE HTML. Ini adalah penting kerana arahan kepada pelayar web tentang versi bahasa markup halaman bertulis. Ada terdapat beberapa jenis doctypes tetapi untuk tutorial ini kita akan memilih XHTML 1.0 Transitional.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">


DOCTYPE itu harus diletakkan di atas <head> supaya ia akan kelihatan seperti ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
</head>

<body>
</body>

</html>



Langkah 3
Mari kita dimasukkan ke dalam beberapa tag meta atau meta tags. Ini perlu diletakkan di antara tag <head> </head>.
Kebanyakan orang, terutamanya mereka yang menggunakan Classic Template seolah-olah lupa untuk menambah kod ini, atas sebab-sebab yang tidak diketahui. Tag meta, terutamanya kata kunci meta tag dan meta tag description adalah sangat penting kerana digunakan untuk memberi maklumat mengenai laman web. Mereka dua tag membantu laman web anda akan mudah dijumpai dalam enjin carian.

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Provide brief description of your blog here" />
<meta name="keywords" content="add, keywords, here" />
<meta name="author" content="http://www.yourblogsitehere.com" />



Langkah 4
Menyediakan tag tajuk/nama. Sekali lagi ini perlu diletakkan di antara <head> </head>. Biasanya, tag tajuk/nama akan kelihatan seperti ini:

<title>TUKAR TEKS INI KEPADA TAJUK/NAMA BLOG ANDA</title>

Walau bagaimanapun, untuk Classic Template, adalah lebih baik untuk menggantikan teks di antara tag <title> </title> dengan tag Classic Template yang telah ditetapkan: <$BlogPageTitle$>. Ini membolehkan Blogger untuk membaca nama blog anda yang anda telah takrifkan dalam Papan Pemuka (Dashboard) anda.


Langkah 5
Menambah stylesheet. Cascading Style Sheet (CSS) membolehkan anda mengawal gaya dan susun atur laman web anda. Secara ringkas, CSS menambah "UMPH" untuk laman web anda. Oleh itu, mari belajar bagaimana untuk menambah ia ke dalam kod HTML kita.

Kod CSS hendaklah diletakkan sebelum </head> tag. Seperti yang disebutkan sebelum ini, penjelasan terperinci mengenai cara gaya elemen tidak akan disediakan di sini kerana ia akan mengambil masa yang lama untuk menjelaskan satu per satu. Penjelasan yang muncul di bawah adalah yang sangat penting sahaja.
(Talian yang muncul selepas "slashes" (//) hanyalah komen atau penjelasan. Anda boleh mengeluarkan mereka.)

<style type="text/css">
Letakkan kod CSS di sini
</style>



Ok, seterusnya kita akan bermula dengan mentakrifkan gaya am susun atur dengan menggunakan CSS.

body {
font-family: "Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 0,8 em;
background-color: white; // atau anda boleh menggunakan kod #fffff (#ffffff ialah kod untuk warna putih)
}

/* Tujuan id yang diberi nama container ini adalah untuk membuat kandungan dan susun atur di tengah-tengah halaman. Anda boleh menukar nama container ini kepada apa saja nama yang anda suka */
#container {
width: 700px; // ini mentakrifkan lebar container itu.
margin: 0 auto; // ini memastikan ia akan berada di tengah-tengah halaman
}

/* Id ini adalah di mana terletaknya kandungan blog anda (entri blog, dll). Sekali lagi anda boleh menukar perkataan content kepada apa saja nama yang anda sukai */
#content {
width: 450px;
padding: 5px;
float: left; // ini akan membuat kandungan yang tersusun di sebelah kiri
}

/ * Ini adalah bahagian sidebar * /
#sidebar {
width: 200px; // lebar kandungan # + # sidebar tidak boleh melebihi lebar bekas #
padding: 5px;
float: right; // ini kedudukan sidebar di sebelah kanan bekas
}


Ingat, semua stylings mesti diletakkan di antara tag <style type="text/css"> </style>, jika tidak, penggayaan tidak akan berfungsi. Yang bagus tentang implementasi CSS cara ini iaitu embedded styling adalah bahawa, anda boleh mengelakkan inline styling.


Langkah 6
Kita sudah selesai dengan gaya struktur asas template. Sekarang saatnya untuk membentuk halaman web. Kod berikut perlu diletakkan di antara tag <body> </body>.

<div id="container">
<div id="content">
</div>

<div id="sidebar>
</div>
</div>



Langkah 7
Kita seterusnya akan memasukkan tag Blogger supaya entri blog akan dapat ditayangkan/ditunjukkan di dalam template. Saya hanya akan membuang kod di sini tanpa memberi penjelasan terperinci tentang bagaimana setiap tag itu berfungsi. Jika anda ingin tahu tentang fungsi tag-tag itu, anda boleh membacanya di sini.

Di dalam <div id="content"> </div>, kita letakkan kod berikut:

<Blogger>
<h1><BlogItemTitle><$BlogItemTitle$></h1>
<h2><BlogItemDateTime><$BlogItemDateTime$></BlogItemDateTime></h2>

<p><BlogItemBody><$BlogItemBody$></BlogItemBody></p>

<h2><BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></h2>

<ItemPage>
<BlogItemCommentsEnabled>
<h3><$BlogItemCommentCount$> Comments:</h3>
<BlogItemComments>
<p class="comment-body">
<p class="comment-data">
<$BlogCommentAuthor$> said on <a href="#<$BlogCommentNumber$>">
<$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
<p id="commbg"><$BlogCommentBody$></p><hr />
</BlogItemComments>
<p></p>
</BlogItemCommentsEnabled>
<$BlogItemCreate$>
</ItemPage>
</Blogger>


Anda boleh gayakan h1, h2, h3 mengikut citarasa anda.


Langkah 8
Menambah isi/content ke dalam ruang sisi atau sidebar. Anda boleh meletakkan apa sahaja yang anda suka dalam sidebar. Jadi, sebagai contoh, anda mahu masukkan ke dalam pengenalan anda, pautan blog kawan anda dan seksyen kredit.

<h2>Introduction</h2>
Introduction text here. Blah blah blah.

<h2>My buddies</h2>
<ul>
<li>Friend 1</li>
<li>Friend 2</li>
<li>Friend 3</li>
</ul>

<h2>Credits</h2>
This layout was created by me, kthxbai.


Sekali lagi, anda yang membuat keputusan tentang bagaimana anda ingin menggayakan h2, ul, li. Saya tidak akan mengajar anda bagaimana untuk berbuat demikian.

Sebaik sahaja anda telah mendandan dan menggilap reka bentuk anda, anda boleh copy kod keseluruhan dan paste ke bahagian 'Edit HTML' Blogger anda.


Baiklah. Inilah caranya untuk membuat Classic Template yang ringkas. Jika anda hanya berniat untuk mencipta blog (iaitu hanya ada entri blog), maka anda hanya perlu membaca Bahagian 1 ini. Tetapi bagi mereka yang ingin menambah ciri-ciri tambahan, seperti pautan navigasi dan mewujudkan pseudo-halaman, terus saja ke Bahagian 2.

Saya berharap anda semua akan dapat mempelajari sesuatu dari tutorial ini. Saya telah menulisnya semudah dan sebaik mungkin. Jika anda mempunyai sebarang pertanyaan, sila hantar soalan-soalan anda di ruangan komen di bawah. Cheers!

Untuk versi bahasa Inggeris, sila klik link ini: http://www.codeislove.net/2011/04/tutorial-how-to-code-classic-blogger.html

// Sila tinggalkan link kembali ke Codeislove jika anda telah mengikuti tutorial ini supaya saya boleh melihat apa yang anda telah capai dari tutorial ini. Terima kasih. //

Labels: ,



Comments to Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]:


Thank you for sharing this tutorial dear. I will go through one by one to enhance my knowledge on coding.

Your Malay Language is perfect dear!

sy suka classic template.. been using them for 5 years now walaupun coding smua kena buat sendiri. but its fun :)

akhirnya dari blog ini aq bisa temukan link tentang Template Tag list. thx ya sis :)

Post a Comment

Commenting policy:
1. Please leave comments that are relevant to the blog post.
2. Comments on posts that are more than 14 days old will be moderated.
3. Do not post advertisements to your own site/products here.
4. Do not post private information, it will be deleted.
5. Refrain from using abusive/vulgar words, if you have personal issues with me, contact me directly through the contact form or my email instead.

Facebook comments to Tutorial: Cara membuat Classic Blogger Layout - Bahagian 1 [versi Bahasa Melayu]:


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. 29. Blogger, web design hobbyist, compulsive shopper and bibliophile based in Brunei. Enjoys creating and designing websites, dabbling with HTML, CSS and PHP.

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...