Tutorial Web | Tips & Trik Blog | Free Blogger Template

Kali ini saya akan memberikan tutorial website membuat site map pada Wordpress CMS. Kita akan membuatnya menggunakan plugin wordpress bernama Dagon Design Sitemap Generator (DDSitemapGen). Plugin ini akan membuat Site Map blog Wordpress CMS milik kita secara OTOMATIS. Berikut langkah-langkah membuat site map blog Wordpress CMS:

1. Terlebih dahulu download plugin Dagon Design Sitemap Generator. Klik DI SINI untuk download plugin wordpress tersebut.
2. Install plugin tersebut ke dalam Wordpress CMS Anda. Mohon Anda buka contoh cara instalasi plugin wordpress yang sudah pernah saya berikan DI SINI. Supaya tidak repost :).
3. Login ke dashboard Wordpress CMS Anda. Aktifkan plugin DDSitemapGen tersebut.
   
   
   
4. Setelah aktif, dibagian kiri kiri dashboard Anda akan melihat sebuah menu baru akan muncul. Menu tersebut bernama "DDSitemapGen". Silahkan Anda klik dan lakukan pengaturan seperlunya.
   
   
   
5. Untuk memunculkan Site Map blog Anda, kita gunakan sebuah page. Untuk itu, klik menu Add New pada bagian Pages.
6. Copy paste kode berikut sebagai isi dari page (halaman) baru tersebut. Ingat, Anda harus mengcopynya pada tab HTML, bukan Visual.
   <!-- ddsitemagen -->
   
   
   
7. Beri nama page baru misalnya dengan “Site Map”. Setelah itu klik tombol Publish. Pada blog Anda akan muncul sebuah menu halaman baru bernama “Site Map” yang berisi Site Map Blog Wordpress CMS Anda.
8. Sebagai contoh silahkan buka di sini.

<table>
<tr>
<td>ISI 1 TABEL</td>
</tr>
</table>

1. Tag <table></table> bertujuan untuk membentuk "bungkus" tabel secara keseluruhan. 
2. Tag <tr></tr> bertujuan untuk membentuk baris tabel.
3. Tang <td></td> bertujuan untuk membentuk kolom 
4. Kolom akan berada di dalam baris. Artinya, kita harus membuat baris dulu baru kemudian membuat kolom.
   
5. Sedangkan isi dari tabel kita tuliskan di dalam tag  <td></td>

Jadi, jika kita ingin menambah kolom baru pada tabel tersebut, cukup tulis saja stuktur (kode) mulai tag  <td> sampai </td>. Sehingga bentuknya menjadi:
<table>
<tr>
<td>ISI 1 TABEL</td><td>ISI 2 TABEL</td>
</tr>
</table>

Selanjutnya, jika kita ingin menambah baris baru, cukup tulis lagi struktur (kode) mulai tag <tr> sampat </tr>. Sehingga bentuknya menjadi:

<td> sampai </td>. Sehingga bentuknya menjadi:
<table>
<tr>
<td>ISI 1 TABEL</td><td>ISI 2 TABEL</td>
</tr>
<tr>
<td>ISI 3 TABEL</td><td>ISI 4 TABEL</td>
</tr>
</table>

Nah, supaya tabel tersebut bisa terlihat pada halaman blog, maka kita harus membuat border dari tabel tersebut:. Caranya cukup menambahkan kode yang berwarna biru seperti di bawah ini:

<table border="2">
<tr>
<td>ISI 1 TABEL</td><td>ISI 2 TABEL</td>
</tr>
<tr>
<td>ISI 3 TABEL</td><td>ISI 4 TABEL</td>
</tr>
</table>

border="..." tersebut merupakan atribut digunakan untuk mengatur tabel yang nilainya adalah pixel. Beberapa atribut lain yang bisa kita gunakan antara lain:

1. cellspacing : merupakan atribut untuk mengatur jarak antar sel. Misalnya jarak sel pada baris 1 kolom 1 dengan dengan sel baris 1 kolom 2. Penulisannya adalah:
   <table cellspacing="2">...</table>
2. cellpadding : merupakan jarak tulisan atau isi sel dari pinggir sel. Tujuannya agar isi atau tulisan pada tabel tersebut tidak mepet pada pinggir atau border tabel. Penulisannya adalah:
   <table cellpadding="2">...</table>
3. bgcolor : merupakan atribut untuk mengatur warna background dari tabel. Isinya adalah kode-kode warna. Contoh penulisannya:
   <table bgcolor="#00FF00">...</table>
4. align : merupakan atribut untuk mengatur posisi tabel. Nilai dari atribut ini adalah:
   
   • center : agar berada ditengah-tengah halaman.
     
   • left : agar berada disebelah kiri halaman.
   • right: agar berada disebelah kanan halaman.
   Contoh penulisannya adalah :
   <table align="left">...</table>
   
5. bordercolor : untuk mengatur warna border tabel. Nilainya adalah pixel. Contoh enulisannya adalah:
   <table bordercolor="#0000FF">...</table>
6. width: untuk mengatur lebar tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
   <table width="300">...</table>
7. height : untuk mengatur tinggi tabel. Nilainya adalah pixel atau persen (%). Contoh penulisannya:
   <table height="150">...</table>

Contoh penggunaan keseluruhan dari atribut tersebut adalah:

<table align="left" border="2" bordercolor="#0000FF" height="150" width="300" bgcolor="#00FF00" cellpadding="2" cellspacing="2">
<tr>
<td>ISI 1 TABEL</td><td>ISI 2 TABEL</td>
</tr>
<tr>
<td>ISI 3 TABEL</td><td>ISI 4 TABEL</td>
</tr>
</table>

UNTUK BLOGSPOT:
A. Backup Posting (tulisan) + Komentar:

1. Login pada akun blogspot Anda. Pada dasbor, klik link menu Pengaturan.  
2. Kemudian klik subtab Dasar.  
3. Pada bagian Alat Blog, klik link "Ekspor Blog". Selanjutnya akan muncul bagian "Ekspor blog Anda". Silahkan klik tombol "Unduh Blog" untuk men-download backup-an posting dan komentar blogspot Anda.
4. Jika Anda ingin mengembalikan atau meng-upload posting dan komentar yang di-backup tadi, caranya adalah dengan mengklik link "Impor Blog" yang ada pada langkah 3 di atas.

B. Backup Template

1. Login pada akun blogspot Anda. Pada dasbor, klik link menu Tata Letak
2. Kemudian piilih subtab Edit HTML.
3. Pada bagian Backup/Restore Template, klik link Download Template Lengkap untuk mem-backup template blogger Anda.
4. Jika Anda ingin mengembalikan template tadi, silahkan klik tombol Browse dan pilih backup template yang Anda download seperti pada langkah 3, kemudian klik tombol Unggah.

UNTUK WORSPRESS CMS:
A. Backup Posting (tulisan) + Komentar:

1. Login ke akun Wordpress Anda. Kemudian klik menu Export yang ada pada bagian Tools.
2. Selanjutnya klik tombol Download Export File. Yang bisa kita backup adalah posts (artikel yang kita tulis, pages, comment, custom fields, categories, dan tags.
3. Jika ingin mengembalikan (restore) data tersebut, silahkan klik tombol Import yang juga ada pada bagian Tools. 
4. Selanjutnya pilih "Wordpress" untuk meng-upload data backup-an yang kita simpan dari langkah 2 tadi. Salah satu yang menarik adalah bahwa kita juga bisa meng-import konten (posting dan komentar) dari provider lain seperti Blogspot (Blogger). Artinya, backup-an yang Anda peroleh dari langkah 3 bagian A pada Blogspot di atas juga bisa Anda import ke dalam Wordpress CMS Anda.

B. Backup File Wordpress CMS:
Untuk contoh bagaimana cara backup file website Wordpress CMS, kita akan gunakan Wordpress CMS yang disimpan di hosting gratis Www.000webhost.Com. Untuk itu, ada baiknya pembaca membaca terlebih dahulu artikel mengenai layanan hosting gratis di Www.000webhost.Com. Klik di sini.

1. Login pada akun hosting Anda. Dalam hal ini kita contohkan pada Www.000webhost.Com.
2. Setelah masuk ke halaman control panel, klik menu Backups yang ada pada bagian Files.
   
   
   
3. Selanjutnya klik tombol Generate New Fresh Backup. Setelah itu Anda akan diminta untuk menunggu sampai proses backup selesai (sekitar 5 menit).
   
   
   
4. Jika backup selesai, pada tabel yang ada di bagian "Files on Remote Backup Server" akan terlihat hasil backup file website Wordpress Anda.
5. Anda juga akan melihat muncul tombol baru bernama "Make Backups Available for Download". Jika Anda ingin men-download hasil backup-an tersebut ke komputer Anda, klik terlebih dahulu tombol tersebut agar backup-an website Anda bisa di-download. Jika berhasil, maka pada tabel yang ada di bagian "Backups Available for Download" akan terlihat backup-an file website Anda. Silahkan klik nama file tersebut untuk men-download-nya.
   
   
   
   
   
   
   
6. File yang Anda download tersebut bisa Anda upload lagi jika Anda ingin memindahkan file website dari komputer ke hosting online.

C. Backup Database Website:
Pada bagian A, Anda hanya akan mem-backup post, pages, comment, custom fields, categories, dan tags. Namun, langkah paling aman untuk melindungi website Wordpress Anda adalah dengan mem-backup databasenya karena database ini wajib diperlukan untuk menjalankan website Wordpress CMS Anda. terutama jika satu waktu website Anda rusak secara keseluruhan (seperti kasus hacking yang saya alami).

1. Masuk ke akun hosting Anda.
2. Klik menu phpMyAdmin.
3. Jika sudah masuk ke dalam halaman phpMyAdmin, pilih database website yang ingin Anda backup. Selanjutnya klik menu Export yang ada di bagian atas.
4. Pada bagian "Export", pilih "SQL", pada bagian "Structure" silahkan centang semua pilihan.
5. Centang bagian "Save as file", kemudian klik tombol Go.
   
   
6. Jika Anda ingin menyimpan database tersebut ka dalam localhost, silahkan pilih menu Import pada halaman phpMyAdmin di localhost Anda.
   

Namun, tampilan pada blog justru seperti gambar berikut:

Penyebab posisi gambar yang tidak sesuai dengan pengaturan adalah karena struktur CSS untuk pengaturan image alignment yang kurang lengkap. Berikut langkah-langkah mengatasi masalah posisi gambar yang tidak sesuai tersebut:

1. Silahkan login pada Wordpress CMS Anda untuk masuk ke dashboard.
2. Klik menu Editor pada bagian Appearance yang ada di sebelah kiri.
3. Silahkan edit file CSS Anda (biasanya bernama style.css)
4. Tambahkan kode CSS berikut pada file CSS Anda dengan meng-copy paste.
   .aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }
.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
5. Klik tombol Update File untuk menyimpan perubahan.
   

Maka tampilannya akan menjadi:

1. Silahkan login pada akun Facebook Anda.
2. Buka profil Facebook Anda dengan mengklik menu Profile disebalah kiri atas.
3. Di sebelah pojok kiri bawah Anda akan melihat sebuah Link dengan nama "Create a Profile Badge". Selanjutnya, klik link tersebut.
   
   
   
4.  Anda akan masuk pada halaman penambahan Profile Badge Facebook.  Elemen profile Facebook yang akan ditampilkan pada website biasanya disebut Badge. Buatlah sebuah Badge baru dengan mengklik tombol menu Create a New Badge yang ada di sebelah kanan atas.
   
   
   
5. Anda akan masuk pada bagian penambahan Badge baru. Silahkan pilih layout badge profile Facebook yang Anda inginkan beserta item atau informasi apa saja yang ingin ditampilkan. Jika sudah, klik tombol Save.
   
   
   
6. Anda akan kembali pada halaman profile Badge. Di sana hanya tersedia 3 pilihan menu menambah Badge tersebut, yaitu untuk Blogger, TypePad, dan Other. Jika Anda ingin menambahkan pada website biasa (selain Blogger dan TypePad, silahkan klik tombol menu Other. Akan muncul kode profil badge di bagian bawah menu tersebut.
   
   
   
   Copy pastelah kode tersebut pada bagian website Anda dimana Anda ingin menampilkan profil Facebook. Misalkan jika ingin menambah pada Wordpress CMS, maka:
   
   • Masuklah pada Dashbord Wordpress 
   • Selanjutnya klik menu Widgets pada bagian Appearance yang ada di sebelah kiri. Pilih widget Text.
   • Copy paste kode profil Badge yang  Anda dapat tadi pada widget Text tersebut. Lalu Save.
     
7.  Jika Anda ingin menambahkan pada Blogspot (Blogger), Anda cukup mengklik tombol menu "Blogger" yang ditunjukkan pada langkah 6 di atas. Anda akan dibawa ke halaman penambahan Profile Badge Facebook pada Blogger. Silahkan pilih blog Anda dan pilih nama widgetnya. Cara yang hampir sama bisa Anda lakukan pada TypePad.
   
   
   

Catatan:
Langkah 6 di atas juga bisa Anda lakukan pada Blogspot. Caranya:

1. Pada dasbor, klik link menu Tata Letak, kemudian klik subtab menu Elemen Halaman. 
2. Silahkan klik link Tambah Gadget yang ada pada sidebar dimana Anda ingin menampilkan profil Facebook.
3. Akan muncul window penambahan gadget. Silahkan pilih HTML/Javascript. Selanjutnya copy paste kodenya pada kotak HTML/Javascript tersebut, lalu Simpan.
   

Untuk membuat halaman contact me pada Wordpress, seperti biasa, kita membuatnya dengan menggunakan plugin Wordpress. Mengenai apa itu plugin, pembaca bisa membacanya di sini. Plugin Wordpress yang akan kita gunakan bernama Contact Form 7. Klik di sini untuk download plugin tersebut. Berikut langkah-langkah membuatnya:

1. Setalah Anda mendownload plugin Contact Form 7 tersebut, Anda harus menginstalnya ke dalam Wordpress CMS Anda dan mengaktifkannya. Adapun cara instalasi dan aktivasi plugin Wordpress, bisa pembaca lihat contohnya secara lengkap di sini.
2. Jika plugin Contact Form 7 tersebut sudah aktif, maka bagian kiri dashbord Anda akan bertambah menu baru untuk setting Contact Form tersebut (lihat gambar).
   
   
   
   
3. Selanjutnya klik menu Edit seperti yang ditunjukkan pada gambar di atas.
4. Di halaman Edit Contact Form 7 tersebut, Anda akan melihat beberapa bagian diantaranya:
   
   
   • Bagian Form. Bagian inilah form email yang akan muncul pada halaman contact me. Bagian ini disusun atas beberapa tag yang Anda lihat di dalamnya. Contoh bentuk tag tersebut misalnya : [email* your-email]. Tag tersebut berfungsi untuk memunculkan isian email. Dan isian email tersebut diberi nama "your-email". 
   • Generate tag. Merupakan menu dropdown yang menyediakan tag-tag yang bisa Anda tambahkan pada bagian Form seperti yang saya jelasakan di atas. Misalkan kita ingin menambahkan sebuah checkbox ke dalam Form. Pada menu Generate tag tersebut silahkan pilih "Checkboxes".
     
     
     
     • Required field : untuk memilih apakah checkbox yang akan Anda buat wajib diisi atau tidak. 
     • Name : silahkan beri nama checkbox yang akan Anda buat.
     Selanjutnya di sebelah bawah, Anda akan melihat tag dari checkbox yang telag ter-genarate di bagian yang ada tulisan "Copy this code and paste it into the form left".
     
     
     Tag tersebutlah yang Anda copy paste ke bagian Form.
     
     
     
5. Setelah itu, klik tombol Save yang ada di sebelah kanan atas.
6. Setalah Anda menyimpan pengaturan tersebut, di atas bagian Form, Anda akan melihat muncul tag yang telah ter-genarate. Tag tersebutlah yang akan kita gunakan untuk membuat halaman contact me.
   
   
   
7. Buatlah sebuah page baru pada Wordpress Anda dengan cara klik menu Add New pada bagian Pages. Beri judul halaman "Contact Me", kemudian pada bagian isinya, copy-kan tag yang Anda temukan pada langkah 6 di atas.
   
   
   
8. Setalah itu, klik tombol Publish.

Okey, selamat mencoba.

Namun, kita bisa pula menempatkannya di bagian lain seperti di atas atau di samping kotak penulisan komentar tersebut.

Berikut langkah-langkah membuat icon emotion (icon smiles) berada di atas kotak penulisan komentar:

1. Login terlebih dahulu untuk masuk ke dashboard Wordpress CMS Anda.
2. Klik menu Editor pada bagian Apperance. 
3. Silahkan edit file comment.php pada bagian Themes File yang ada di sebelah kanan.
4. Cari bagian yang ada kode berikut ini:
   <textarea name="comment" id="comment"
   
5. Copy paste kode berikut tepat di atas kode yang Anda temukan pada langkah 4 di atas:
   <?php if (function_exists('sm_toolbar_show')) sm_toolbar_show();?>
6. Klik tombol Update File.
   

Maka hasilnya akan seperti ini.

Plugin Wordpress tersebut bisa pembaca download dari sini. Sebelum menggunakan plugin WP Thread Comment, Anda harus menginstalnya terlebih dahulu ke dalam Wordpress CMS Anda. Cara instalasi plugin Wordpress bisa pembaca lihat contohnya di sini, dimana cara instalasi tersebut tidak jauh berbeda untuk plugin ini. Cukup upload lalu diaktifkan.

Web interface is designed in a template, such as font color, font type, background, and others.
What about wordpress? If we use the Wordpress CMS, we can more easily change the blog template accordance with our web theme. When installing wordpress, we are given 2 standard templates. Perhaps, you do not like those templates. You do not need to worry about that because you can replace it with the other. Getting wordpress templates are not difficulty. On the internet there are so many wordpress templates that you can get. I found an article that discusses how to obtain wordpress template. You can read it in the Www.Articlecity.Info. I suggest you to read the article about how to get some great Wordpress templates for your website. The article provides a guide to you from which you can get a wordpress template for your blog or website. In fact, the article will direct you to some pages that discuss the important issues related to it, such as the design template, get a custom template, and others.
You will also be given an understanding in using the pay or free template. When you decide to use the free template, may be you will not spend money to get it, but the form of the templates may not be appropriate for your web. Otherwise you may be able to get a specific template from the pay template but invest money to get it..

Sedangkan jika offline, maka status YM pada blog akan berubah menjadi seperti gambar berikut:
Cara membuat status Yahoo Messenger di blog cukup mudah. Berikut langkah-langkah menambahkan status YM di blog tersebut:

1. Silahkan login pada akun blogspot pembaca.
2. Pada dasbor, klik link Tata Letak, kemudian pilih submenu Elemen Halaman.
3. Klik link Tambah Gadget di salah satu bagian sidebar (pilih dimana Anda ingin menambahkan status YM tersebut).
4. Akan muncul window tambahkan gadget, kemudian pilih gadget HTML/Javascript.
5. Copy paste kode berikut ke dalam kotak HTML/Javascript tersebut:
   <a href="ymsgr:sendIM?ID-YM"><img src="http://opi.yahoo.com/online?u=ID-YM&m=g&t=1&l=us"/>
</a>
   
6. Ganti tulisan ID-YM yang berwarna merah dengan ID Yahoo Messenger Anda. Anda juga bisa memilih tipe gambar status dengan mengganti angka 1 yang berwarna biru dengan angka 2, 3, dan seterusnya. Angka-angka itu sesuai dengan tipe yang disediakan oleh Yahoo. Jadi, silahkan dicoba-coba mengganti angkanya.
7. Klik tombol Simpan.

Bagi Anda yang mempunyai web atau blog menggunakan Wordpress, juga bisa membuat status YM di Wordpress Anda. Cara membuatnya sebagai berikut:

1. Login ke dashboard Wordpress Anda.
2. Klik menu Widgets pada bagian Appearance yang ada di sebelaj kiri.
3. Tambahkan widget Text dengan mengklik link Add. 
4. Copy paste kode berikut ke dalam kotak HTML/Javascript tersebut:
   <a href="ymsgr:sendIM?ID-YM"><img src="http://opi.yahoo.com/online?u=ID-YM&m=g&t=1&l=us"/>
</a>
   
5. Ganti tulisan ID-YM yang berwarna merah dengan ID Yahoo Messenger Anda. Anda juga bisa memilih tipe gambar status dengan mengganti angka 1 yang berwarna biru dengan angka 2, 3, dan seterusnya. Angka-angka itu sesuai dengan tipe yang disediakan oleh Yahoo. Jadi, silahkan dicoba-coba mengganti angkanya.
6. Klik tombol Save Changes.

Di bagian ini saya akan memperkenalkan sebuah plugin Wordpress CMS yang berfungsi untuk membuat icon emotion pada kotak komentar dan juga posting. Saya sengaja memilih ini karena beberapa kelebihan, di antaranya:

1. Selain bisa membuat icon emotion pada komentar, juga bisa digunakan pada posting. Sehingga posting yang kita tulis juga bisa mengandung icon emotion ini.
2. Kita tidak perlu menambah kode pemrograman PHP tertentu pada file website. Kita cukup meng-copy plugin-nya lalu mengaktifkannya.
3. Terdapat banyak bentuk icon emotion yang keren dan lucu yang bisa kita pakai. Sehingga kita bisa mengganti ke bentuk yang lainnya jika sudah bosan dengan bentuk yang sebelumnya.

Plugin ini ada 2 bagian. Keduanya sebaiknya diinstall agar semakin menambah kecanggihan website Anda.

1. Smilies Themer. Plugin ini berfungsi untuk merubah kode-kode ekspresi menjadi berbentuk icon emotion. Dengan kata lain, plugin inilah yang berfungsi mengkonvert kode-kode ekspresi menjadi berbentuk icon. Silahkan download.
   
2. Smilies Themer Toolbar. Untuk menampilkan icon emotion pada posting dan komentar, kita masih perlu menulis kode-kode ekspresi, baru kemudian kode-kode tersebut dikonvert menjadi icon oleh plugin Smilies Themer di atas. Namun, dengan bantuan Smilies Themer Toolbar ini, kita tidak perlu menulis kode-kode itu karena ada banyak kode ekspresi yang tentu sulit mengingat semuanya. Kita cukup mengklik toolbar emotions. Toolbar ini bisa muncul pada kotak komentar dan juga pada halaman pembuatan posting. Silahkan download.

Berikut langkah-langkah menggunakannya:

1. Extract terlebih dahulu kedua paket plugin yang telah Anda download tadi. Copy paste plugin tersebut ke dalam website Anda untuk menginstallnya. Masukkan ke dalam folder ".../wp-content/plugins/".
   
2. Selain cara No. 1 di atas, cara menginstall plugin juga bisa dilakukan melalui dashboard Wordpress CMS. Loginlah ke dalam dashboard website Wordpress CMS Anda. Klik menu Add New yang ada di bagian Plugins di sebelah kiri dashboard. Pada bagian install a plugin in .zip format, klik tombol Browse kemudian cari dan pilih plugin Smilies Themer yang Anda download tadi. Namun, file tersebut tidak perlu di-ekstract, tetapi tetap berbetuk .zip. Kemudian klik tombol install Now. Lakukan hal yang sama untuk plugin Smilies Themer Toolbar.
   
   
   
   
   
3. Masih pada dashboard, klik menu Inslalled pada bagian Plugins. Aktifkan kedua plugin tersebut dengan mengklik link Activate.
   
   
   
   
4. Pada bagian Settings Anda akan melihat terlah bertambah 1 buah menu bernama Smilies Themer. Klik menu tersebut, kemudian pilih bentuk icon emotion yang Anda inginkan.
5. Pada bagian kotak komentar akan muncul icon emotion dari plugin Smilies Themer Toolbar yang telah Anda install. 
6. Begitu pula di halaman pembuatan posting baru. Anda akan melihat toolbar yang berisi icon emotion yang bisa Anda gunakan pada posting. Anda cukup mengklik icon tersebut.
   

Sebagai contoh silahkan klik di sini.

Pada Wordpress, komponen-komponen tambahan tersebut disebut Plugin Wordpress. Melalui sistem manajemen konten (CMS) yang dibangun pada Wordpress CMS kita bisa menambahkan plugin yang ingin kita gunakan pada Wordpress CMS atau membuangnya jika tidak dibutuhkan lagi. Cara menambahkan dan menghapusnyapun sangat mudah. Dan yang paling penting adalah kita bisa mendapatkan banyak plugin secara gratis. Pembaca bisa men-download plugin wordpress dari situs resminya di Wordpress.Org. Pilih menu Extend dan klik link Plugin Directory. Kita hanya bisa menambahkan plugin yang kita inginkan pada Wordpress CMS, sedangkan pada blog Wordpress.Com kita tidak bisa melakukannya.

Selain plugin Wordpress, pada Wordpress kita juga mengenal yang namanya Widget. Widget ini sebuah objek tambahan yang bisa kita tempatkan pada sidebar website Wordpress CMS. Tujuannya menampilkan sesuatu informasi pada pada halaman Wordpress CMS. Misalnya widget komentar terbaru yang bisa digunakan untuk menampilkan komentar terbaru yang ada pada website kita, widget kalender, widget archives, dan lain-lain. Baik plugin maupun widget, sudah pernah saya singging sedikit pada E-Book Panduang Menggunakan Wordpress CMS yang bisa Anda download di sini. Untuk menambahkan widget pada Wordpress, langkah-langkah yang bisa kita lakukan yaitu:

1. Login ke dalam dashboard website Wordpress CMS Anda.
2. Klik menu Widgets yang ada dibagian Appearance yang di sebelah kiri. Akan muncul halaman seperti gambar di bawah ini.
   
   
   
   
3. Available Widget menunjukan widget yang tersedia yang bisa Anda tambahkan pada website Anda. 
4. Current Widget menunjukkan widget yang sudah ditambahkan pada sidebar. Di bagian tersebut Anda melihat ada dropdown menu yang berfungsi untuk memilih sidebar yang ada pada theme (template) wordpress yang Anda gunakan. Jika theme Anda menyediakan 2 sidebar, maka silahkan pilih apakah ingin menambahkan widget pada sidebar 1 atau sidebar 2.
5. Klik link Add yang ada disamping nama widget untuk menambahkannya pada sidebar yang Anda pilih, kemudian klik tombol Save Change yang ada di sebelah kanan.

Adakah hubungan antara plugin Wordpress dengan Widget Wordpress? Kedua komponen tambahan ini memilki fungsi yang sendiri-sendiri.Namun, ada widget yang terintegrasi dengan plugin. Biasanya widget ini dibuat untuk mendukung atau melengkapi daya guna dari plugin. Contohnya adalah plugin Akismet. Plugin ini berfungsi untuk memfilter komentar bernada spam yang masuk pada website kita. Nah, plugin ini juga dilengkapi dengan kehadiran sebuah widget bernama Widget Akismet. Widget ini berfungsi untuk menunjukkan statistik komentar spam pada halaman website. Bisa dikatakan, kerja sebuah plugin bekerja dibelakang layar, sedangkan widget berguna untuk menampilkan informasi pada website.

Di bagian ini saya hanya akan memperkenalkan secara singkat apa itu Plugin Wordpress dan Widget Wodpress. Selanjutnya, saya akan kembali menulis posting berseri yang membahas mengenai Plugin Wordpress dimana akan dipaparkan mengenai beberapa plugin wodpress yang menurut saya sangat dibutuhkan untuk website Wordpress CMS dan tentu cara menambahkan dan menggunakannya. Silahkan ditunggu ya. Jangan lupa langganan artikel dan berkomentar.