• Pengenalan CSS
• Pengenalan HTML
• Pengenalan PHP dan MySql
• Cara Menginstal Wordpress di komputer lokal

Apa saja yang kita butuhkan dalam membuat tema wordpress?
Sebelum memulai mebuat tema wordprses anda harus mempersiapkan tools yang kita butuhkan yaitu:

1. Wordpress
   sebaiknya diinstal pada komputer Anda.
2. Notepad atau editor teks lainnya.
   untuk membuat dan mengedit tema. Saya menggunakan PSPAD. download PSPAD
3. Editor Gambar
   Software untuk mendesain gambar dalam tema anda seperti Adobe Photoshop, Gimp dll
4. FileZilla
   Software ini adalah ftp client yang berguna saat anda ingin menghostingkan tema anda. download FileZilla
5. Browser
   Untuk browser yang digunakan saya anjurkan menggunakan firefox atau Internet Expoler versi 7 keatas.
6. Bookmark Validator XHTML dan CSS Validator.
   Setelah membuat tema wordpress sebaiknya kita memvalidasi tema tersebut ke XHTML dan CSS Validator agar tema yang kita buat sesuai dengan standar W3C (World Wide Web Consortium).

Pengenalan Struktur Tema Wordpress
Dalam pembuatan tema wordpress kita harus mengikuti beberapa aturan dasar dan membuat beberapa file yang menjadi standar wordpress agar tema yang kita buat bisa dibaca oleh sistem wordpress. yaitu :

1. header.php :
   Merupakan file untuk mendefinisikan tampilan pada header halaman.akan di panggil pada semua halaman.
2. footer.php
   Merupakan file untuk mendefinisikan tampilan pada footer halaman, sama seperti file header.
3. index.php
   Merupakan file untuk mendefinisikan tampilan utama halaman blog. untuk memuat informasi konten, komentar dll.
4. style.css
   Berfungsi seperti file CSS pada umumnya, berfungsi untuk mendefenisikan tampilan pada halaman blog, juga sebagai penyimpan informasi mengenai tema seperti nama tema, versi, pembuat tema, keterangan tema dll.
5. sidebar.php
   Sidebar biasanya digunakan untuk sistem navigasi dalam halaman blog seperti kategori, blogroll, arsip, tag, iklan dll
6. function.php
   Merupakan file untuk menghubungkan function pada mesin wordpress dengan tema blog.
7. single.php
   Merupakan file untuk mendefenisikan tampilan pada ‘halaman post’. halaman post adalah halaman yang menampilkan tulisan secara lengkap termasuk komentar seperti halaman yang sekarang anda baca.
8. page.php
   Merupakan file untuk mendefenisikan tampilan pada ‘halaman page’. halaman page adalah halaman halaman statis pada blog, seperti halaman ‘tentang saya’
9. comment.php
   Merupakan file untuk mendefinisikan tampilan pada bagian komentar.
10. search.php
    Merupakan file untuk mendefinisikan tampilan pada bagian pencarian.
11. archive.php
    Merupakan file untuk mendefinisikan tampilan pada bagian arsip, kategori dan tag.
12. 404.php
    Merupakan file untuk mendefinisikan tampilan apabila url mengarah pada halaman yang tidak ada atau error.
13. home.php
    Merupakan file untuk mendefinisikan tampilan utama atau tampilan home pada blog, apabila file ini tidak ada maka file index.php yang akan dijadikan tampilan home.
14. screenshot.png
    File gambar dengan 300 x 225 pixel untuk menampilkan screenshoot tema pada halaman admin.

Sistem tema wordpress juga memiliki hirarki tertentu silahkan baca disini

Demikianlah tulisan pengenalan tema wordpress. silahkan baca artikel selanjutnya :

• Cara Membuat Tema Wordpress-Bagian 1

Jika ada kendala, kritik atau saran mari kita diskusikan disini. .

• Rich Site Summary (RSS 0.91)
• RDF Site Summary (RSS 0.9 and 1.0)
• Really Simple Syndication (RSS 2.0)

Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler. Untuk memanfaatkan teknologi ini kita membutuhkan layanan pengumpul. Pengumpul bisa dibayangkan sebagai kotak surat pribadi. Kita kemudian dapat mendaftar ke situs yang ingin kita tahu perubahannya. Namun, berbeda dengan langganan koran atau majalah, untuk berlangganan RSS tidak diperlukan biaya, gratis. Tapi, kita biasanya hanya mendapatkan satu baris atau sebuah pengantar dari isi situs berikut alamat terkait untuk membaca isi lengkap artikelnya. (Wikipedia).

Manfaat RSS Feed
Dengan RSS Feed anda tidak perlu lagi membuka halaman web/blog satu persatu untuk mengetahui ada artikel terbaru atau tidak cukup dengan membuka Feed reader maka anda bisa membaca artikel terbaru dari setiap blog/web yang telah anda daftarkan. ini tentu saja akan mempersingkat waktu anda dalam berselancar dan mencari info terbaru di internet.

RSS  Reader
Untuk menbaca RSS maka diperlukan sebuah Program pembaca atau pengumpul RSS yang dapat berupa aplikasi komputer atau sebuah layanan web yang tersedia online.

Cara Mendaftarkan sebuah Blog/Web ke RSS Reader
Ada banyak aplikasi berbasis komputer maupun berbsis web yang bisa anda gunakan. salah satunya yang terbaik (terbaik menurut saya lho !! ) adalah Google Reader.
Sebuah web/blog yang menyediakan RSS Feed biasanya menyediakan link, tombol atau ikon yang bertuliskan RSS.
Untuk mendaftarkan sebuah blog/web ke Google Reader ikuti langkah-langkah berikut :

1. Kunjungi Google Reader, login dengan akun email google anda, bila anda belum punya akun email silahkan register terlebih dahulu.

   

2. Kunjungi web/blog yang ingin anda daftarkan ke Google Reader, cari link, tombol atau ikon RSS Feed yang disediakan. Pilih ‘add a subscription’ pada halaman google reader anda. masukan link RSS Feed dari web/blog  situs tersebut.

   

3. RSS Feed dari situs tersebut telah didaftarkan pada Google Reader anda.

Jika menggunakan Google Reader anda juga bisa langsung memasukan nama atau domain dari web/blog yang ingin di daftarkan. Google Reader akan mencari sendiri RSS Feed dari situs tersebut.

Cara Berlangganan RSS Feed melalui email
Selain menggunakan Feed Reader kita juga bisa membaca RSS Feed langsung dari Inbox email. berikut cara mendaftarkannya :

1. Masukan email anda pada form berlangganan RSS Feed melalui email yang disediakan. kemudian klik tombol Subscription

   

2. Akan muncul jendela Popup
3. Isikan kode pengaman captcha, kemudian klik tombol ‘Complete Subscription Request’

   

4. Buka email anda untuk melihat email verifikasi dari Feed Burner. kemudian klik link verifikasi untuk mengaktifkan layanan tersebut.
5. Bila pendaftaran sukses setiap artikel terbaru akan langsung dikirimkan ke alamat email anda.

Jika ada kendala, ayo kita diskusikan disini.. Selamat mencoba..!!

Sederhanya CSS merupakan kumpulan dari tag html yang kita buat kedalam satu file dan dengan metode penulisan tersendiri yang telah distandarisasi oleh W3C (World Wide Web Consortium).

Mengapa harus menggunakan CSS?
Seperti yang telah kita ketahui dengan tag html pun kita telah bisa mengatur tampilan halaman html tersebut dan mengapa harus menggunakan CSS lagi? Banyak manfaat jika kita mengatur tampilan menggunakan CSS.

Bayangkan jika anda misalnya ingin mengganti warna font di web/blog anda, tentu saja anda harus mengedit lagi satu persatu file html dari web/blog tersebut. dan bagaimana jika filenya berjumlah puluhan bahkan ratusan?? hmmm.. pasti akan banyak memakan waktu dan tenaga bukan?? dengan CSS kode HTML menjadi lebih sederhana dan lebih mudah diatur.

Bagaimana cara menggunakan CSS?
Ada tiga cara penempatan kode CSS dalam HTML, yaitu :

1. Internal CSS
Yaitu menuliskan secara langsung script CSS kedalam file HTML.

Contoh :
<html>
<head>
<title>CSS Pertamaku</title>
<style type=”text/css”>
p {color: white;}
body {background-color: black;}
</style>
</head>
<body>
<p>Ayo belajar CSS</p>
</body>
</html>

Keterangan : yang berwarna biru adalah script CSS

2. External CSS
External CSS adalah kita membuat file CSS tersendiri dengan eksistensi *.css dan terpisah dari file html dan didtempatkan di folder lain atau di folder yang sama dengan file html tersebut. browser akan menbaca file tersebut dan akan menampilkan file html sesuai dengan format yang telah kita atur dalam file CSS.

Contoh :
<html>
<head>
<title>CSS Pertamaku</title>
<link rel=”stylesheet” type=”text/css” href=”file.css”/>
</head>
<body>
<p>Ayo belajar CSS</p>
</body>
</html>

Keterangan : yang berwarna biru adalah lokasi dari file CSS

3. Inline CSS
Yaitu menuliskan secara langsung script CSS kedalam tag HTML.

Contoh :
<html>
<head>
<title>CSS Pertamaku</title>
</head>
<p style=”background: blue; color: white;”>Ayo belajar CSS</p>
</body>
</html>

Keterangan : yang berwarna biru adalah script CSS

Dari ketiga cara di atas saya menganjurkan anda untuk menggunakan Eksternal CSS

Sintaks CSS
Dalam menuliskan tag CSS maka terdapat sedikit perbedaan dalam aturan penulisan dengan tag HTML. jika dalam HTML kita akan memformat suatu komponen maka kita gunakan tag dan atribut. contohnya jika kita ingin memformat paragraf menggunakan align (perataan kanan kiri) maka kita menggunakan sintaks berikut <p align=”center”>. p adalah tag dan align=”center” adalah atributnya.

Sedangkan jika menggunakan CSS, sintaks yang kita gunakan adalah Selector, Property dan Value

Penulisan kode CSS dibuat menjadi tiga bagian, yaitu:
selector { property1: value; property2:value; dst}

• Selector
  Selector pada CSS sama dengan tag atau komponen pada HTML yaitu yang terdapat antara tanda < dan tanda > misalnya <h1>, <p>, <b> dll.
• Property
  Selector pada CSS sama dengan atribut pada HTML yaitu. berfungsi untuk memberi nilai dari selector.
• Value
  Value adalah nilai yang kita berikan kepada property

Contoh :
Jika di HTML kita memformat paragraf dengan <p align=”right”> maka dengan CSS menjadi p {text-align: right;}

Keterangan :

• p adalah selector dan text-align adalah property, right; adalah value atau nilai dari property.
• jika di HTML kita menggunakan tanda <> tetapi pada CSS kita menggunakan tanda {}
• p dalam CSS tidak terdapat dalam tanda { dan tanda } tetapi sebelum tanda tersebut.
• Jika dalam HTML untuk menunjukan Value atau nilai dari atribut kita menggunakan sama dengan (=) sedangkan dalam CSS untuk menunjukan value atau nilai dari property kita menggunakan tanda titik dua (:).
• setelah memberi value di CSS, kita harus menambahkan tanda titik koma (;) di belakangnya.
• Jika selector lebih dari satu dan memiliki property dan value yang sama maka gunakan tanda koma (,)

Dalam CSS ada istilah Class dan ID, apakah itu?

Class Selector
Dengan class selector kita dapat mendefinisikan perbedaan style untuk tag elemen html yang sama. Misalnya dua type paragraf, peragraf pertama menggunakan align-left dan yang paragraf satu lagi menggunakan align-center.
Contoh Penggunaan atribut class di dalam HTML :

<p class=”left”>
Paragraf ini rata kiri
</p>
<p class=”left”>
paragraf ini rata tengah
</p>

maka penulisan pada file CSS-nya menjadi :

.left {text-align: left}
.center {text-align: center}

Keterangan :

• Pada penulisan nama class dalam file CSS diawali dengan tanda titik (.)
• Tidak dianjurkan memberi nama class dengan angka
• Nama class tidak boleh menggunakan spasi, jika nama class lebih dari dua suku kata maka berikan tanda hubung (-) atau (_)

ID Selector

ID selector digunakan dengan tujuan mendefinisikan per-elemen dasar. setiap halaman id selector hanya boleh digunakan dengan satu id unik, itulah yang menjadi perbedaannya dengan class selector. Dengan class selector kita dapat mendefinisikan perbedaan style untuk tag elemen html yang sama. tetapi dengan id selector kita hanya diperbolehkan memanggil satu id untuk satu elemen yang sama.
Contoh:

<p id=”tebal”>
Paragraf ini ditulis dengan huruf tebal dan warna merah
</p>
<p id=”miring”>
Paragraf ini ditulis dengan huruf miring dan warna biru
</p>

maka penulisan pada file CSS-nya menjadi :
#tebal { font-weight : bold;
color : red; }
#miring { font-style : italic;
color: blue; }

Keterangan :

• pada penulisan nama id dalam file CSS diawali dengan tanda pagar (#)
• Nama id dapat ditulis dengan angka, huruf atau garis bawah
• Karakter pertama sebaiknya huruf atau garis bawah (_)

Dalam aturan standarnya ada beberapa perbedaan antara selector id dan class yang perlu anda ketahui, tetapi pada prakteknya tidak terlalu diperhatikan dan dianggap sama aja

Penulisan Komentar Dalam CSS
Dalam pemograman kita mengenal istilah komentar yaitu bermanfaat untuk memberi penjelasan pada bagian tertentu dari kode yang kita tulis. dan tulisan ini tidak akan ikut dieksekusi oleh browser.
Cara memberi komentar pada CSS adalah diawali tanda /* dan di akhiri tanda */

Contoh :

.left {text-align: left}
.center {text-align: center}/*ini adalah komentar*/

Demikianlah pengenalan tentang apa itu CSS, untuk membahas lebih dalam lagi akan saya lanjutkan di lain waktu
Jika ada kendala mari kita diskusikan disini..

Menggunakan fitur bawaan blogger
Saat ini fitur readmore telah ada pada editor blogger, namun masih versi uji coba. untuk menggunakannya anda harus login ke http://draft.blogger.com/.

Pilih Entri Baru, ketik artikel dan pada bagian yang ingin dipotong pilih “Insert Jump Break”.

anda juga bisa memasukan secara manual dengan mengetik <!– more –> pada bagian yang ingin anda potong.

Mengubah tulisan readmore
Pilih ‘Tata Letak’ > Elemen Halaman > pada bagian posting blog pilih ‘edit’ > akan muncul jendela pop up > ganti tulisan ‘pada Teks tautan laman entri’ dengan tulisan yang anda inginkan seperti baca selanjutnya, Selengkapnya dll > Simpan.

Keterangan :

• Bila anda telah membuat readmore dengan cara lain sebelumya. saya anjurkan untuk dihapus dulu.
• Bila cara di atas belum berhasil, pilih ‘Tata Letak’ > Edit HTML > beri tanda Ceklis pada ‘expand template widget’. Cari kode seperti ini :

1

<data:post.body/> atau <p><data:post.body/><p>

kemudian masukan kode berikut persis di bawah kode di atas :

1
2
3
4
5

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more" '><data:post.jumpText/></a>
</div>
</b:if>

pilih ‘Save Template’

Bila masih ada kendala, mari kita diskusikan disini Selamat mencoba..

Membuat Dropdown menu untuk archive

• Pilih Tata letak > Elemen Halaman > Tambah gadget > Pilih ‘Archive Blog’ >Beri tanda ceklis pada ‘Menu Dropdown’ > Simpan

Membuat Dropdown menu untuk Blogroll

• Pilih tata letak > Elemen Halaman > Tambah Gadget > HTML/JavaScript > ketik blogroll pada judul, kemudian ketik kode berikut pada bagian konten > Simpan :

<form><select name=”menu” onchange= “window.open(this.options[this.selectedIndex].value,’_blank’)” size=1 name=menu>
<option>- Blogroll Gue -</option>
<option value=”http://www.tes.com/“/> tes1 </option>
<option value=”http://www.tes.com/“/> tes2 </option>
<option value=”http://www.tes.com/“/> tes3 </option>
</select></form>

Keterangan :

• Kode yang berwarna biru untuk link blogroll anda
• Kode yang berwarna merah untuk nama blogroll anda

Jika ada kendala, ayo kita diskusikan disini.. Selamat mencoba..!!

Ada banyak aplikasi klien Instant Messenger yang dapat anda digunakan di linux diantaranya adalah :

1. Pidgin
Pidgin adalah aplikasi instant messenger pengganti GAIM. Pidgin dapat digunakan sebagai pengganti Yahoo Messenger untuk Linux karena Pidgin dapat berkomunikasi menggunakan protokol Yahoo, MSN, Jabber, AIM dan protokol lainnya.
Downlaod disini

2. Kopete
Kopete adalah klien standar pesan instan di Kubuntu. Dengan Kopete Anda dapat berbicara dengan orang yang menggunakan: AIM/ICQ, Gadu-Gadu, Groupwise, IRC, Jabber, MSN, SMS dan Yahoo. Kemampuan untuk menggunakan satu klien untuk semua jaringan adalah sebuah keuntungan besar sehingga Anda mampu berbicara dengan semua teman Anda dalam satu jendela.
Downlaod disini

3. Konversation
Konversation adalah klien untuk protokol Internet Relay Chat (IRC). Konversation mempunyai antarmuka yang cantik dan mudah digunakan.
Downlaod disini

4. Psi
Klien instant messaging multi platform dan berbasis standar
Downlaod disini

5. Jabbim
Klien untuk protokol Jabber/XMPP menggunakan PyQt toolkit
Downlaod disini

7. Gyache Improved
Klien untuk protokol pengganti Yahoo Messengger dilinux.
Downlaod disini

8. Mercury Messenger
Mercury Messenger atau “MM” (sebelumnya disebut dMSN) adalah jaringan Windows Live Messenger klien dikembangkan berbasis Java. Mendukung hampir semua fitur dalam Windows Live Messenger.
Downlaod disini

1. Jalankan KPPP (jika pada linux anda belum terinstal KPPP baca artikel ini) , pilih Configure
2. Pilih New, kemudian pilih Manual Setup pada jendela wizard yang tampil
   
3. Pada Conection name isi : internet, pada phone number pilih add dan isi dengan : *99# dan pilih OK
   
4. Kembali ke jendela “KPPP Configuration” kemudian masuk ke tab modem, modem name isi terserah anda mis : internet-modem, pada modem device pilih : /dev/tty/ACMO , pada conection speed pilih : 11520.
   
5. kemudian pilih tab Modem, pilih Modem Cammand dan pada initialization string 1 ketik : AT+CGDCONT=1,”IP”,”internet”
   
6. Sambungkan handphone dan pilih Query Modem untuk melihat apakah handphone telah tersambung dengan benar ke komputer, apabila berhasil maka akan terlihat seperti ini :
   
7. Pilih close dan OK dan kembali ke jendela KPPP awal, isi login ID ”(dua tanda petik satu) dan password ” (dua tanda petik satu juga). pilih Connect
   
8. Kelebihan KPPP salah satunya adalah tersedia detail report statistics dari proses koneksi yang kita gunakan.
   

Selamat mencoba!!

1. Ganti password admin
   password default yang diberikan setelah proses instalasi biasanya berupa kombinasi huruf acak yang susah diingat, karena itu sebaiknya anda mengganti password yang anda sukai.
2. Pada tab pengaturan
   • umum : pada halaman ini anda dapat mengganti nama blog, slogan dll
   • Menulis : pada halaman ini anda dapat mengatur metode penulisan konten blog, juga untuk mengatur penulisan artikel secara remote.baik menggunakan email,Atom Publishing Protocol atau salah satu antarmuka penerbitan XML-RPC.
   • Membaca : pada halaman ini anda dapat mengatur konten pada halaman home anda.
   • Diskusi : pada ahlaman ini anda dapat mengatur komentar dan pemberitahuan taut dari blog lain (ping balik dan lacak balik.)
   • Media : anda dapat mengatur ukuran default gambar.
   • Privasi : anda dapat mengatur file izin akses crawler mesin pencari
   • Permalink : Permalink merupakan URL permanen ke setiap blog post, kategori dan semua daftar postingan blog lainnya. untuk mengetahui lebih jauh tentang permalink silahkan baca artikel ini
   • Serba aneka : disini anda dapat mengatur folder default file yang anda upload.
3. Mengganti tema standar
   membiarkan blog anda dengan tema standar wordpress tentu akan terlihat kurang profesional bukan??
   • download sebuah tema atau bikin sendiri
   • upload file tema anda ke wp-content/themes
   • aktifkan tema anda di tab tampilan>tema
4. Aktifkan Plugin Akismet
   Akismet adalah plugin untuk mencegah masuknya kometar spam ke blog kita, setiap kali ada comment masuk maka akan disaring antara komentar spam dan bukan spam oleh akismet. plugin ini sudah di sertakan dalam paket standar wordpress sehingga anda tidak perlu mendownload lagi. pilih tab plugin>akismet>aktifkan
5. Tambahkan konten
   Hapus posting artikel standar worpress yaitu hello world, dan coba postingkan sebuah artikel, Setelah menginstal tema anda perlu melihat tampilan konten pada tema anda.
6. Tambahkan RSS Feed anda ke Feedburner
   FeedBurner adalah salah satu situs yang menyediakan memanagement Feed kita secara gratis. FeedBurner menyediakan berbagai fasilitas seperti email subscriptions, FeedCount, PingShot, Chicklet Chooser, Headline Animator, dan lain sebagainya. untuk mengetahui lebih lengkap cara mendaftar feedburer baca artikel ini.
7. Mengatur keamanan wordpress
   Setelah instalasi wordpress selesai ada baiknya juga anda memperhatikan keamanan dari halaman wordpress anda. Mencakuo dari server hostingnya sendiri hingga folder-folder instalasi wordpress anda. Tak lebih untuk mencegah ulah orang yang tidak bertanggung jawab yang ingin menjahili ataupun merusak blog anda.
   • Menghapus kesalahan informasi pada halaman login
   • Menambahkan indeks.html ke dalam direktori plugin dan tema, ini dimaksudkan agar jika browser diarahkan kedirektori tersebut akan di bawa ke halaman home.
   • Menghapus wp-versi, kecuali dashboard admin
   • Menghapus Really Simple Discovery
   • Tidak menggunakan Windows Live Writer
   • Tidak mengijinkan selain admin untuk mengupdate plugin.
   • Tambahkan string pengaman. Gunakan plugin WP Scanner atau WP Security Scan

Itulah beberapa langkah yang biasa saya lakukan setelah menginstal wordpress, jika anda punya tips lain silahkan berbagi disini..

Pada blog wordpress, setting permalink default adalah /?p=123, sehingga url yg ditampilkan adalah http://www.namablog.com/?p=123. tentu hal ini kurang SEO friendly karena judul posting tidak ditampilkan pada url. judul postingan yang ditampilkan pada url akan sangat membantu hasil SERPs ( Search engine Result Pages). Sebaiknya struktur permalink diganti menjadi http://www.namablog.com/kategori/judulposting atau http://www.namablog.com/judulposting saja.

1. Masuk dashboard admin wordpress anda, pada tab pengaturan pilih permalink
2. Pada pilihan “struktur tersuai” masukan salah satu tag berikut sesuai keinginan anda :

%year%
tahun posting, empat digit, contoh 2004

%monthnum%
tampilan bulan posting, contoh 05

%day%
tampilan tanggal posting, contoh 28

%hour%
tampilan jam posting, contoh 15

%minute%
tampilan menit posting, contoh 43

%second%
tampilan detik post, contoh 33

%postname%
judul postingan anda

%post_id%
ID unik, contoh 423

%category%
Kategori postingan anda

%tag%
Tag postingan anda

%author%
tampilan nama penulis posting.

Anda juga bisa memodifikasi permalink wordpress dengan meletakan .html, .htm, .jps atau .php diakhir urutan keyword permalink.

contoh yang biasa digunakan :

• http://www.namablog.com/%postname%.html
  tampilan url di atas : http://www.namablog.com/judul tulisan anda.html
• http://www.namablog.com/%category%/%postname%.html
  tampilan url di atas : http://www.namablog.com/kategori posting anda/judul tulisan anda.html
• http://www.namablog.com/%year%/%monthnum%/%day%/%postname%/.html
  tampilan url di atas : http://www.namablog.com/tahun/bulan/hari/judul tulisan anda.html

Perhatian :
Cara mengubah permalink di atas sebaiknya anda lakukan sebelum mengisi konten apapun dalam blog. karena jika permalink diubah, maka artikel yang telah ada sebelumnya akan diredirect ke halaman 404 karena linknya telah diganti. dan jika anda tetap ingin mengganti permalink sebaiknya anda menggunakan plugin untuk meredirect kembali link tersebut ke postingan anda, cara ini akan saya bahas pada artikel yang akan datang. selamat mencoba..

Bagaimana Membuat file HTML?
Untuk membuat file HTML bisa dengan editor teks biasa seperti Notepad dll. namun pada saat sekarang telah banyak editor HTML yang memiliki tampilan bersifat WYSIWYG sepert Macromedia Dreamweaver, Adobe GoLive, MS FrontPage
yang bisa menampilakan file tersebut dalam bentuk sintaks HTML biasa maupun seperti apa yang akan ditampilkan browser.

Jika anda pemula sangat saya anjurkan untuk membuat secara manual menggunakan notepad dll dengan langsung mengetikkan kode demi kode HTML ke dalam file yang anda buat. Kenapa? jika menggunakan software tertentu anda tidak akan terbiasa dengan tag HTML.anda akan dimanjakan oleh tools yang digunakan dalam software tersebut untuk membuat tampilan halaman HTML, ini akan menyulitkan jika anda ingin mengedit kembali file tersebut secara manual.

Struktur Dasar Html
Kode HTML harus berada dalam sebuah tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan
</namatag>. Struktur dasar HTML berisi elemen-elemen atau tag sebagai berikut:

<html>
<head>
<title>Judul Halaman/Caption</title>
</head>
<body>
Isi web/konten
</body>
</html>

Keterangan:

• <html>..</html>
  Mendefinisikan bahwa teks yang berada antara kedua tag tersebut adalah file HTML.
• <head> .. </head>
  Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META dll
• <title> .. </title>
  Sebagai titel atau judul halaman. Kalimat yang ada dalam tag ini akan muncul pada title bar browser Anda.
• <body> .. </body>
  Didalam tag inilah yang menjadi inti halaman web yaitu bagian yang akan ditampilkan sebagai isi halaman pada browser. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin,topmargin dll

Sekarang kita langsung saja membuat file HTML, ikuti langkah-langkah berikut :

• Buat sebuah folder tempat menyimpan file HTML yang akan kita buat.

• Buka notepad atau editor teks lainnya untuk lebih memudahkan saya merekomendasikan untuk menggunakan editor yang memang dikhususkan untuk editor pemograman seperti PSPAD, Notepad++ dll. untuk tutorial ini saya menggunakan PSPAD. download PSPAD

• Jika menggunakan Notepad maka buat sebuah file teks baru, jika menggunakan PSPAD buat sebuah file HTML

• Ketik kode dasar html di atas, lihat contoh :

<html>
<head>
<title>HTML pertamaku</title>
</head>
<body>
Ayo belajar HTML
</body>
</html>

• Simpan halaman tersebut kedalam folder yang kita buat sebelumnya dan beri nama misalnya index.htm

• jika menggunakan Notepad pada pilhan ‘Save as Type’ pilih ‘All Files’.

Dalam pemograman web anda harus membuat sebuah file dengan nama index.html yang berfungsi sebagai file pertama yang akan dibuka, bila browser anda arahkan ke folder tersebut. Untuk nama file selanjutnya terserah anda

• Buka file yang telah disimpan tersebut dengan browser anda. caranya dengan index.html > klik kanan > Open With > pilih salah satu browser anda misalnya Internet Explore/Mozilla Firefox.

Sampai pada tahap ini anda telah berhasil membuat sebuah file HTML, untuk lebih dalam lagi silahkan baca tulisan saya selanjutnya.
Jika ada kendala mari kita diskusikan disini.

Selamat mencoba..