Panduan Ngeblog dengan WordPress

2

Kata Pengantar Puluhan ribu blog baru muncul di setiap hari. Sebuah blog dapat dimanfaatkan dalam berbagai hal intinya ide-ide yang kita tulis dalam blog dapat dibaca orang lain seluruh dunia. Jadi bagaimana dengan apakah anda apakah anda juga tertarik membuat blog? Buku ini dirancang untuk pemula sebagai panduan membuat sebuah blog Wordpress sendiri dengan mudah. Sekalipun anda belum mengenal bahasa pemrograman web seperti HTML atau PHP anda dapat membuat blog sendiri dengan Wordpress dengan mudah. Semua fitur blog wordpress lengkap dibahas buku mulai dari mengenal interface wordpress sampai bagaimana mendapatkan uang melalui blog wordpress. Dalam buku ini sudah terdapat CD dengan semua tools yang diperlukan, jika sudah anda sudah anda dapat membuat blog anda sendiri dalam sekejap. Terakhir saya ingin mengucapkan terima kasih kepada kedua orang tua saya yang turut memberikan dukungan, para komunitas dan pengembang Wordpress dan penerbit yang memublikasi buku ini. Untuk kritik dan saran mengenai buku ini dapat anda sampaikan melalui alamat email penulis, budiarto_10@hotmail.com. Jakarta, Januari 2008 Budiarto

3

Daftar Isi Kata pengantar ...................................................................... 2 Daftar Isi ................................................................................ 3 Bab 1 Pendahuluan

1.1 Mengenal Blog ..................................................... 5 1.2 Mengenal WordPress ............................................ 7

Bab 2 Localhost 2.1 Mengenal Xampp ............................................... 13 2.2 Instalasi Xampp .................................................. 14 2.3 Konfigurasi Xampp ........................................... 18

Bab 3 Instalasi WordPress

3.1 Upload WordPress ............................................. 21 3.2 Konfigurasi Umum WordPress ......................... 26 3.3 Mengatur Link .................................................. 29

Bab 4 Membuat Artikel

4.1 Tulisan ............................................................... 35 4.2 Halaman ........................................................... 43 4.3 Upload .............................................................. 46 4.4 Tip Menulis Artikel .......................................... 50

Bab 5 Manajemen WordPress

5.1 Mengatur Komentar ......................................... 53 5.2 Mengatur Artikel .............................................. 56 5.3 Mengekspor ...................................................... 59 5.4 Mengimpor ....................................................... 61

4

Bab 6 Tampilan Blog

6.1 Mengganti Template .......................................... 65 6.2 Mengubah Header ............................................. 67 6.3 Mengedit CSS ................................................... 70 6.4 Mengatur Sidebar .............................................. 75 6.5 Menggunakan HTML Kode .............................. 77

Bab 7 Memaksimalkan Wordpress

7.1 Menginstal Plugin ............................................ 87 7.2 Menghadang Spam ........................................... 89 7.3 Optimalisasi Mesin Pencari ............................. 93 7.4 Mendapatkan Uang .......................................... 97 7.5 Video Player ..................................................... 105

Bab 8 Mengupload ke Web Server

8.1 WordPress.com ................................................ 108 8.2 Hosting Sendiri ................................................ 110

Daftar Pustaka ................................................................... 114 Tentang Penulis .................................................................. 115

5

Bab 1

Pendahuluan 1.1 Mengenal Blog Blog berasal dari dua kata, web log. Web dapat diartikan sebagai sebuah situs di internet sedangkan log di sini maksudnya catatan pribadi/catatan harian. Jadi sebuah blog dapat diartikan secara singkat sebagai situs yang berisikan catatan/jurnal pribadi. Orang yang melakukan kegiatan blog disebut dengan blogger sedangkan kata kerja atau kegiatan membuat blog disebut blogging. Untuk sebuah alat/software yang digunakan untuk membuat blog biasa disebut dengan blog tools. Menurut sumber wikipedia istilah weblog pertama kali digunakan oleh Jorn Barger on 17 Desember 1997 sedangkan istilah blog pertama kali diperkenalkan secara tidak sengaja oleh Peter Merholz yang memisahkan kata weblog menjadi we blog di dalam blog miliknya pada April 1999. Sejak saat itu perkembangan blog menjadi saat pesat dengan berbagai situs dan blog tools yang menyediakan fasilitas blog bagi para penggunanya. Sampai saat ini blog belum mempunyai ejaan ke dalam bahasa Indonesia. Untuk kegiatan membuat blog kita mungkin sudah terbiasa menyebutnya dengan ngeblog sedangkan untuk pelakunya masih tetap dikenal sebagai blogger. Kegiatan ngeblog sudah cukup populer di masyarakat kita. Beberapa situs komunitas berbahasa Indonesia telah banyak menyediakan ruang atau menu khusus untuk para penggunanya untuk membuat blog pribadi.

6

Sebuah blog pada umumnya berisikan berita-berita dan komentar tentang berbagai hal/kejadian namun tak sedikit pula blog yang lebih layak disebut sebagai diary online yang berisikan catatan pribadi, curhat dan sebagainya. Belakangan ini blog juga dapat dengan mudah menampilkan file video, gambar ataupun format-format multimedia yang lainnya. Fungsi utama bagi seorang pembuat blog (blogger) membuat blog tidak lain untuk memublikasikan ide-ide yang kita miliki ke pihak luas. Di samping itu masih banyak berbagai fungsi blog yang dapat kita manfaatkan dari mulai sekedar menyalurkan hobi menulis sampai untuk mencari uang tambahan atau untuk menaikkan karier politis seseorang. Pada sisi lain orang yang melihat blog anda juga mendapatkan informasi, ide atau hiburan dari blog anda. Saat ini kegunaan blog bukan sekedar berbagi ide dan informasi memungkinkan seorang untuk melakukan file sharing (berbagai file multimedia). Bagaimanapun sebuah blog masih tidak dapat disebut sebagai media profesional untuk jurnalisme karena sebuah blog terbuka secara luas untuk siapa saja yang ingin di sebut sebagai blogger tanpa harus menyandang gelar atau keterampilan tertentu. Seiring dengan berkembangnya teknologi informasi, penggunaan blog kini pun dapat diklasifikasikan ke berbagai bentuk tergantung dari isi, media yang digunakan sebuah blog atau kategori yang berikan mesin pencari blog. Isi dari sebuah blog bisa sangat luas tergantung dari sudut pandang penulisnya sedangkan untuk media pada umumnya berisikan tulisan, gambar, video atau gabungan dari semuanya itu. Technorati salah satu mesin pencari blog telah mencacat sedikitnya ada 112 juta blog per Desember 2007. Mereka juga mencacat pertumbuhan rata-rata blog per hari mencapai 70000 blog. Perkembangan jumlah blog dapat meningkat dua kali lipat setiap tahunnya. Maka saat membaca buku ini sangat mungkin perkembangan blog jauh lebih banyak.

7

Para pengamat menilai berkembangnya blog menjadi sebuah yang populer dikarenakan bahan rujukan/referensi yang dikandung di dalamnya juga karena afiliasi (penggabungan) link terutama afiliasi dengan semua mesin pencari seperti Google yang dapat meroketkan popularitas sebuah blog.

1.2 Mengenal WordPress

WordPress ialah sebuah blog tool berdasarkan bahasa pemrograman PHP dan database Mysql dan berlisensi publik (GPL). WordPress merupakan CMS (Konten Manajemen Sistem) yang bersifat gratis. Konten manajemen system yang dimaksud di sini adalah sebuah perangkat lunak yang dapat mengatur isi dari sebuah situs. WordPress merupakan generasi penerus dari B2/Cafelog dan masih serupa seperti CMS berbasis php dan mysql lainnya seperti InBlog dan Bblog.

8

WordPress tertama kali muncul pada tahun 2003 oleh ide dari Matt Mullenweg dan Mike Little dan baru mendapatkan lisensi publik serta mulai disebarkan ke publik secara luas pada tahun berikutnya. Versi terbaru WordPress selalu dapat anda diunduh melalui situs resminya yaitu www.wordpress.org. Buku ini menggunakan versi WordPress 2.3.1 yang dirilis Oktober 2007. Apa yang anda dapatkan dari WordPress: Instal di localhost Wordpress bukan sekadar menyediakan situs blog gratis seperti blogger.com namun WordPress juga menyediakan CMS yang dapat anda instal pada localhost di komputer anda. Portable instal Ada sudah punya sebuah situs dan ingin menempatkan WordPress sebagai bagian dari situs lama anda maka itu dapat dengan mudah anda lakukan islahnya namaanda.com/wordpress Kemampuan UTC WordPress memungkinkan anda mengatur waktu berdasarkan Universal Coordinated Time (UTC). Hal ini akan membantu anda mengatur waktu sesuai lokasi anda di mana pun anda berada, sekalipun host server anda berbeda waktu. Kompresi Gzip Mengompres file dengan Gzip akan membantu anda mengurangi biaya bandwidth situs anda dan WordPress. Memungkinkan untuk melakukan hal tersebut. Multi user Wordpress memungkinkan anda membuat situs komunitas sendiri seperti halnya sebuah web forum dengan mengaktifkan sesi multi user maka setiap pengunjung yang mendatangi situs anda dapat berperan aktif sebagai kontributor.

9

User ability Semua user dapat diatur hak aksesnya dan profilnya sesuai keinginan admin sendiri termasuk profil pengguna yang ingin ditampilkan pada blog. Mudah diinstal Menginstal tidak memakan waktu lebih dari 5 menit, ya tanpa pengetahuan sedikit pun tentang html, php atau mysql anda dapat membuat blog hanya dalam 5 menit. Mudah di-upgrade Jika nanti ke depannya ada versi yang lebih baru dari versi yang sudah anda instal maka anda pun dapat dengan mudah meng-upgrade-nya. Dinamis Setiap kali anda meng-update Wordpress anda seperti mengganti tema/template situs anda maka wordpress dapat dengan cepat mengganti tanpa mengulang proses pembuatan dari nol. Multi bahasa WordPress menyediakan berbagai bahasa untuk memudahkan pengguna dan tentunya sudah termasuk bahasa Indonesia. Sindikat WordPress telah mendukung RSS 1.0, RSS 2.0 maupun ATOM. Dengan cara ini setiap halaman pada blog anda entah itu artikel, kategori atau komentar yang terbaru akan selalu masuk ke dalam jalur setiap pelanggan RSS tersebut. Lampiran artikel WordPress memungkinkan anda membawa lampiran tulisan seperti lampiran file mp3 dan tentukan dengan kemampuan umpan RSS 2.0 memungkinkan setiap pelanggannya untuk menerima update file lampiran tersebut. Layanan permalink Semua URL dalam situs anda akan secara otomatis ditambah ke berbagai mesin pencari seperti Google secara permanen.

10

Ping & track back Layanan ini bermanfaat untuk menghubungkan dua blog atau lebih yang anda miliki atau dapat juga untuk antar artikel di dalam blog dan membuatnya saling bertaut satu sama lain. Dukungan penuh Wordpress menyediakan dukungan penuh termasuk dari pihak ketiga untuk ekstensinya seperti template dan plugin dan hampir semuanya dapat anda peroleh secara gratis. Lisensi publik Dengan lisensi di bawah GPL (general license public) Wordpress dapat diperoleh siapapun secara gratis dan tentukan program open source ini dapat dikembangkan oleh siapa saja untuk membuatnya makin baik. Tema/template Wordprees sudah tema siap instal tinggal anda upload dan instal dengan sekali klik. Plugin Plugin sangat esensial untuk menambah berbagai fungsi blog anda. Ada ribuan plugin yang dapat gunakan beberapa di antara akan membantu anda memperoleh uang dari blog yang anda buat. Desain template Dalam wordpress anda mudah mengedit tampilan blog anda langsung melalui internet browser tanpa harus mengunduh atau unggah file. Tag template Setiap template/tema yang ada pada Wordpress sudah terdapat tag yang memudahkan anda dalam mengeditnya. Proteksi password Anda ingin artikel anda hanya terlihat bagi sebagian orang, ya anda dapat menggunakan kata sandi pada artikel yang anda buat agar hanya dapat diakses bagi yang pemilik kata sandi tersebut.

11

Post slug Post slug ialah menghubungkan artikel satu dengan artikel yang lainnya di dalam blog anda. Jadi pembaca dapat membaca artikel berseri milik anda dengan mudah. Waktu posting Dalam Wordpress anda dapat menyimpan tulisan yang telah anda buat dan memublikasikannya nanti. Simpan tulisan Anda juga dapat dengan mudah menyimpan tulisan secara permanen atau sementara untuk anda edit kembali nanti sebelum dipublikasikan. Membagi tulisan Jika anda menulis terlalu panjang anda dapat membagi tulisan tersebut ke dalam beberapa halaman. Unggah gambar dan file Anda dapat dengan mudah mengunggah file atau gambar dan menghubungkan ke setiap artikel hanya sekali unggah. Streaming video Anda dapat menghubungkan video-video yang ada di youtube, google video dsb supaya tampil di blog anda. Kategori Atur setiap pos anda ke dalam kategori atau sub kategori yang dapat anda buat sendiri. Anda juga menampilkan kategori ini di halaman muka. Pratinjau pos Sebelum mengeposkan suatu artikel selalu dapat melihatnya terlebih dahulu preview artikel yang anda buat. Ikon emosi Wordpress cukup pandai mengubah tulisan-tulisan anda seperti “:)” ke dalam ikon emosi. Ngeblog lewat desktop Anda tidak harus meng-update blog anda melalui web browser melainkan anda juga menggunakan desktop yang sudah mendukung Metawebblog atau Blog api

12

Blog melalui email Alternatif lain untuk ngeblog adalah blog melalui email jadi email yang anda kirimkan akan otomatis muncul di blog anda. Jalan pintas Wordpress dapat menggunakan jalan pintas untuk mengeposkan artikel anda melalui bookmark jadi anda tidak perlu mengetik alamat situs blog anda. Widget Dengan widget anda mengatur menu yang tampil dalam sidebar blog anda. Pencarian Dalam Wordpress sudah tereintegrasi fasilitas pencarian yang memudahkan pengunjung mencari kata kunci yang diinginkan. Dokumentasi Semua artikel anda yang telah dibuat akan otomatis diarsipkan ke dalam folder berdasarkan waktu atau kategori. HTML tag Untuk mempercantik tampilan blog anda, anda dapat menggunakan HTML kode pada blog anda Moderati dan notifikasi Untuk setiap komentar yang masuk akan diberikan notifikasi ke alamat email anda dan anda dapat memoderatinya untuk mencegah komentar spam. Blogroll Anda dapat memasukkan link-link favorit anda ke dalam blogroll agar tampil pada sidebar di blog anda. Impor Anda dapat mengimpor arsip artikel pada blog anda yang lama ke dalam Wordpress Ekspor Sebaliknya anda juga dapat mengirimkan artikel yang ada pada blog wordpress anda ke blog lainnya.

13

Bab 2

Localhost 2.1 Mengenal Xampp Ketika anda ingin membuat sebuah situs web maka sudah tentu butuh host server yang menampung situs anda tersebut. Sebuah host server untuk kebutuhan pribadi bisa berada di luar komputer anda ataupun pada komputer anda sendiri. Sebuah host server yang ada pada komputer anda sendiri disebut localhost. Localhost biasanya digunakan untuk kebutuhan intranet atau untuk praktekkan pembuatan web sebelum di upload ke web hosting seperti yang akan dicontohkan di sini. Salah satu penyedia server local tersebut ialah Xampp. Xampp sendiri merupakan kepanjangan dari X, Apache, Mysql, PHP dan Perl. X di sini maksudkan Xampp adalah cross (X) platform yang dapat digunakan pada sistem operasi windows, linux, Mac dan Solaris sedangkan Apache ialah server yang digunakan, Mysql berarti basis data yang digunakan untuk localhost, PHP dan Perl merupakan sciprt/bahasa pemrogramnya. Xampp juga memiliki lisensi publik dan bersifat open source jadi siapa saja dapat memperolehnya secara gratis dan dapat berkontribusi untuk meningkatkan/meng-upgrade Xampp. Ada beberapa program tipe serupa yang kita kenal sebagai Wamp (Windows, Apache, Mysql, Php). Anda juga mungkin mengenal beberapa produk serupa seperti PHP triad dan app serv yang juga berfungsi serupa sebagai localhost.

14

Fungsi utama menggunakan Xampp disini adalah supaya tidak melakukan praktek membuat blog secara online karena dengan menginstal Xampp di komputer anda maka anda telah mempunyai host server sendiri.

Daftar Wamp (Windows, Apache, Mysql, Php) Xampp App Serv

Zend Core PHP Dev Web Developer Server MyWamp

Wos Portable Pampa Wlmp Net Server Wamp Snaw

Vertigo Serv Server2go Easy PHP Uniform Server PHP Triad Lighty2go

2.2 Instalasi Xampp Cara menginstal Xampp:

1. Masukan CD yang terdapat pada buku ini ke dalam CD drive lalu buka folder software yang terdapat di buku ini dan klik ganda pada “xampp-win32-1.6.4-installer”.

2. Klik OK untuk memilih bahasa inggris.

15

3. Klik next untuk melanjutkan lalu biarkan saja tujuan penginstalan folder secara default yakni c:\xampp.

4. Berikutnya anda dapat langsung klik instal

16

5. Tunggu beberapa menit sampai proses instalasi selesai. Setelah itu klik finish.

6. Saat muncul pesan seperti gambar di bawah anda klik yes

7. Jika anda menggunakan windows XP dengan service pack 2 maka akan muncul peringatan seperti gambar di bawah, anda klik unblock.

17

8. Pada control panel klik start pada pilihan Apache dan

MySql untuk menjalankannya.

18

2.3 Konfigurasi Xampp Pertama kali hal yang perlu anda lakukan ialah mengecek apakah Xampp yang baru saja diinstal berjalan atau tidak. Untuk mengeceknya buka web browser anda seperti Internet Explorer atau Mozilla Firefox lantas anda ketikkan alamat localhost lalu tekan enter jika berhasil maka tampilan layar akan seperti gambar di bawah ini.

Klik saja pilihan English untuk memulai dengan bahasa inggris. Sekarang anda telah berada pada halaman localhost xampp. Pada pilihan menu di sisi kiri anda pilih PhpMyAdmin atau alternatif lainnya anda bisa mengetikkan alamat localhost\ phpmyadmin.

19

Sekarang anda berada pada halaman phpmyadmin di sini anda dapat mengatur database seperti membuat database baru ataupun ekspor impor database, di sini anda juga dapat mengatur hak akses pengguna.

Pertama kali kita akan membuat database untuk blog yang akan kita. Untuk melakukannya ketiklah “wordpress” pada kolom create new database setelah itu klik create. Maka akan database wordpress akan ditambahkan pada data mysql.

20

Di sini anda mengatur hak akses atau mengimpor dan mengekspor database. Anda dapat menambahkan pengguna pada menu Preville beserta hak aksesnya namun tidak terlalu penting untuk sekarang yang penting anda ketahui pada saat pertama kali menginstal Xampp maka nama pengguna anda secara default adalah root dan tidak menggunakan password. Ekspor dan impor database juga tidak diperlukan di sini, yang kita perlukan cukup membuat sebuah database yang nantinya akan kita gunakan untuk membuat blog.

21

Bab 3

Instalasi WordPress 3.1 Upload Wordpress Sekarang mengenal wordpress dan menginstal Xampp kita sudah menginstal wordpress ke komputer kita. Di sini kita akan melakukan upload wordpress ke localhost terlebih dahulu. Untuk melakukannya anda tinggal mengopi folder wordpress yang ada di dalam CD ke folder tujuan C:/xampp/htdocs.

Setelah selesai mengopi anda buka folder tersebut lalu cari file php script yang bernama “wp-config-sample” . Anda membuka file tersebut dengan teks editor seperti notepad atau textpad atau htmil editor seperti dreamweaver atau eversoft first

22

page (Textpad dan eversoft fist page tersedia di dalam CD anda mungkin ingin menginstalnya terlebih dahulu). Setelah anda membuka file tersebut gantilah nama database (db_name) dengan ‘wordpress’, nama pengguna Mysql (db_user) dengan ‘root’ dan kosongkan kata sandi (password) ‘ ‘. Setelah itu anda tutup dan save file tersebut kemudian anda ganti namanya menjadi “wp-config” (tanpa tanda kutip).

Ada cara alternatif untuk menginstal wordpress selain cara yang di atas yakni dengan cara tatap muka. Untuk melakukannya, setelah anda mengopi folder wordpress ke folder tujuan htdocs anda buka web browser lalu ketikan alamat localhost/wordpress maka web browser anda akan tampil seperti pada gambar di bawah ini.

23

Karena anda tidak mengedit file wp-config.php maka wordpress akan memintanya di sini namun untuk anda dapat terus melanjutkan dengan mengklik tulisan “menciptakan sebuah berkas ....” namun perlu diketahui cara ini tidak berlaku untuk semua host server. Seperti yang anda lihat proses tatap muka di sini sudah menggunakan bahasa Indonesia jadi lebih mudah untuk dimengerti. Pada halaman selanjutnya klik tulisan ayo! untuk melanjutkan. Pada halaman selanjutnya anda ganti nama pengguna dengan root dan kosongkan kata sandi, untuk kolom yang lainnya anda biarkan saja lalu anda klik submit.

24

Sekarang apakah anda melakukan proses menginstal dengan cara pertama atau yang kedua seperti di atas maka hasilnya akan sama saja. Sekarang kita hanya perlu untuk menambahkan alamat email beserta judul yang kita inginkan. Untuk melakukannya ketikan alamat localhost/wordpress pada web browser anda maka akan tampilan layar akan seperti gambar di bawah ini.

Perhatikan untuk tidak menghapus tanda centang kalau mau blog anda dikunjungi orang yang datang melalui mesin pencari (meskipun belum bekerja untuk sekerang ini). Setelah anda menambah judul blog dan alamat email maka anda dapat mengklik instal wordpress. Maka tampilan halaman selanjutnya akan seperti gambar di bawah.

25

Anda akan mendapatkan nama pengguna secara default admin dan juga kata sandi yang acak. Pastikan anda cacat atau setidaknya anda telah mengopi kata sandi anda di sini. Setelah itu untuk melanjutkan anda bisa langsung klik tulisan masuk log. Selanjutnya anda tinggal memasukan nama pengguna (admin) dan kata sandi seperti yang tadi telah diberikan. Setelah itu klik masuk log.

26

3.2 Konfigurasi umum Wordpress Selamat anda berhasil wordpress sekarang saat mengatur konfigurasinya. Ingatlah untuk dapat masuk ke halaman admin wordpress anda tinggal ketikan alamat localhost/wordpress/wp-admin. Setiap kali anda masuk ke halaman admin anda akan diminta memasukan nama pengguna dan kata sandi jadi ide bagus untuk mengubah kata sandi yang sebelumnya diberikan dengan kata sandi yang baru dan mudah diingat. Cara mengubah profil

1. Masuk ke halaman admin lalu ambil pilihan menu pengguna lalu ke sub menu profil anda.

2. Di sini anda dapat mengedit nama, alamat kontak dan

sebagainya. Yang kita perlukan di sini hanya mengubah kata sandi jadi turunkan layar ke bawah sedikit. Pada kolom di bawah kanan anda mengedit kata sandi anda.

3. Selanjutnya anda tinggal memasukkan kata sandi yang

anda inginkan dan konfirmasi lagi. Setelah itu klik perbarui profil. Maka anda sudah mempunyai kata sandi yang baru.

27

Cara mengatur konfigurasi Wordpress Saat di halaman admin pilih menu opsi, selanjutnya akan ada 7 pilihan sub menu kita akan membahasnya satu per satu. Pertama untuk pilihan sub menu umum maka tampilan layar akan seperti gambar ini.

28

Untuk judul blog yang ada adalah judul yang sama pada saat anda menginstal wordpress dan anda pun masih dapat bebas mengeditnya di sini. Judul blog ini akan tampilan sebagai tulisan paling atas dalam blog anda. Pilihan selanjutnya ialah slogan di sini anda menuliskan kata-kata yang berhubungan dengan isi dari blog anda, slogan ini nantinya dapat anda tampilkan tepat di bawah judul blog anda. Selanjutnya adalah alamat anda menginstal wordpress dan di bawahnya adalah alamat url untuk situs blog anda. Alamat url di sini dapat anda tambahkan jika memang anda ingin menggunakan alamat yang berbeda dengan alamat penginstalan wordpress. Untuk di sini kedua pilihan ini anda biarkan saja apa adanya. Selanjutnya anda dapat mengedit alamat email anda jika sewaktu-waktu diperlukan. Untuk keanggotaan di sini ada 2 opsi pilihan yakni semua boleh mendaftar dan pengguna harus mendaftar untuk menulis komentar. Ada dapat mengaktifkan kedua pilihan ini untuk mencegah spam komentar pada blog anda. Pilihan selanjutnya adalah peran anggota baru, jika anda tadi mengaktifkan pilihan semua boleh mendaftar maka nanti peran anggota yang baru mendaftar tadi akan di tentukan di sini. Di sini ada beberapa pilihan yang dapat dipilih dari pelanggan sampai administrator. Untuk pelanggan hanya dapat melihat artikel, kontributor dan penulisan artikel dalam bentuk draf, penulis dapat menulis artikel, penyunting dapat penulis dan mengedit tulisan juga komentar terakhir administrator berarti sudah setingkat dengan anda sendiri dapat mengatur konfigurasi blog melalui halaman admin. Setelah edit konfigurasi umum anda klik perbarui pilihan. Sekarang jika anda melihat tampilan blog anda tinggal mengklik tulisan lihat situs kiri atas sebelah judul blog anda. Jika ingin membukanya di jendela baru maka klik kanan pada tulisan lihat situs lalu anda pilih “open in new windows”. Maka anda melihat perubahan judul blog dengan slogannya jika anda mengubahnya tadi.

29

3.3 Mengatur Link Link atau dalam bahasa Indonesia biasa disebut taut merupakan salah bagian penting dari sebuah blog. Sebuah link dapat berarti sebuah tinjauan atau penghargaan untuk alamat url yang lain. Dalam wordpress kategori bawaan untuk mengatur link disebut dengan blogroll. Dengan menggunakan link ke berbagai situs dapat menaikkan page rank dari situs-situs tersebut. Pada keadaan awal menu blogroll akan berada di sebelah kanan halaman blog anda dan anda lihat sendiri ada beberapa link bawaan dari wordpress yang sudah ada di blogroll.

30

Untuk mengedit tampilan blogroll di atas pertama kita masuk dahulu ke halaman admin. Untuk pergi dari halaman blog anda dapat langsung mengklik tulisan admin situs pada kategori Meta. Setelah berada di halaman admin anda pilih menu blogroll untuk mengatur konfigurasi link.

Setelah masuk ke menu blogroll anda dapat langsung memulai edit, menghapus atau menambahkan link yang baru. Jika anda ingin menghapus link tersebut tinggal klik tulisan hapus atau centang dahulu link yang ingin dihapus baru klik tulisan hapus taut yang dicentang. Untuk mengeditnya klik saja tulisan sunting maka anda masuk ke halaman sunting.

31

Pada halaman sunting anda mengganti nama link dan alamatnya yang akan muncul di halaman depan blog anda. Anda juga dapat mengganti deskripsi supaya saat kursor diarahkan ke nama link maka akan terlihat deskripsi yang anda tulis. Untuk bagian bawah anda juga dapat menambah secara opsional hubungan dari alamat link tersebut dari mulai alamat web lain

32

sampai teman kencan. Anda memasukkan gambar dari link tersebut, review dan catatan singkat untuk keperluan dokumentasi.

Pada bagian menu di sebelah kanan anda menambahkan kategori yang anda inginkan untuk koleksi link-link anda. Pada bagian target anda dapat menambahkan target dari link tersebut. Jika anda ingin menghapus sementara link yang anda buat di sini anda tinggal pilih tidak dan jika ingin kembali melihatnya pilih ya.

Selanjutnya anda dapat masuk ke menu tambahkan taut untuk menambahkan link yang anda inginkan. Pada dasarnya cara kerja masih sama seperti anda mengedit link tadi yang penting anda tinggal memasukkan nama dan alamat link tersebut lantas klik tambahkan taut.

33

Untuk menambahkan link dari alamat situs anda yang lain maka anda bisa masuk ke sub menu import taut di sini anda dengan mudah mengambil taut dari alamat situs lain yang telah mendukung subskripsi OPML. Bagian terakhir adalah sub menu kategori di sini anda dapat mengedit berbagai kategori atau menambahkannya. Anda tinggal mengisi nama kategori, untuk deskripsi dan slug kategori hanya bersifat opsional namun perlu dicatat di sini slug kategori adalah nama kategori yang nantinya akan muncul di mesin pencari.

34

35

Bab 4

Membuat Artikel 4.1 Tulisan Pada bab ini kita akan mempelajari cara penulisan artikel yang kita buat untuk blog. Tulisan atau artikel padahal hal paling utama dalam sebuah blog. Artikel ini dapat mencerminkan hobi, kegemaran, kehidupan sehari-hari yang sang pemilik blog ataupun berisikan berita-berita di sekitar kita. Sekarang dengan wordpress 2.x menulis artikel menjadi sangat mudah lengkap dengan fitur-fitur pengodean html. Untuk memulai melakukannya pertama masuk ke halaman admin lalu pilih menu tulis.

Seperti yang anda lihat ada dua sub menu di bawah menu tulis yakni tulis buat tulisan dan buat halaman. Untuk sebuah tulisan berarti artikel tulis biasa yang akan dimunculkan pada halaman blog anda. Di sini terdapat rich editor text form tempat anda memasukkan artikel yang akan anda tulis apa yang anda tulis di sini adalah apa yang akan muncul nanti di halaman blog anda jadi anda memulainya dengan membuat judul artikel anda terlebih dahulu lalu menuliskan artikelnya.

36

Di sini banyak pilihan untuk memformat artikel tulisan anda seperti gambar di atas, saya akan menjelaskan satu per satu:

1. Klik logo ini untuk membuka format tulisan lebih lanjut seperti yang tampil pada baris paling bawah

2. Klik tombol ini melihat bantuan untuk menulis seperti

gambar di bawah ada beberapa petunjuk berguna di sini dari petunjuk dasar, lanjut maupun tombol cepat (short cut)

37

3. Adalah pengecek ejaan. Bagaimana pun hanya dapat

digunakan untuk tulisan berbahasa inggris dan tidak dapat bekerja di semua server.

4. Adalah tombol untuk memisahkan tulisan. Tombol ini

sangat berguna bilamana anda menulis artikel panjang dan anda ingin menampilkan sebagian saja pada halaman depan blog anda maka dapat gunakan tombol ini lantas melanjutkan artikel anda.

38

5. Ini adalah tombol untuk memasukkan gambar dari alamat url lain. Di sini anda juga dapat mengatur format gambar, deskripsi, ukuran dan sebagainya.

6. Adalah tombol untuk memasukan atau menghilangkan

hyperlink. Cara memasukkan hyperlink adalah dengan memblok dahulu kata yang ingin dimasukkan hyperlink lalu anda pilih tombol masukan hyperlink (sebelah kiri). Selanjutnya anda tinggal memasukkan alamat link, memilih untuk dibuka di jendela lain atau tidak dan menambah deskripsi. Untuk menghapus link anda cukup mengklik tulisan yang di-hyperlink saja.

39

7. Adalah pilihan format teks apakah rata kiri, rata kanan,

rata kedua tepi atau di tengah. 8. Adalah pilihan format paragraf di sini jika anda

menginginkan format paragraf bentuk poin atau nomor maka anda dapat menggunakan format ini, tombol lainnya juga dapat digunakan memasukkan paragraf dan mengembalikannya.

9. Di adalah pilihan untuk memasukkan tulisan visual biasa

atau kode html. Untuk kode html akan dibahas pada bab selanjutnya.

10. Di sini anda dapat memformat tulisan: tulisan tebal,

miring, garis bawah atau dicoret.

11. Bentuk format halaman. Jika anda ingin menulis tulisan panjang dengan beberapa tajuk (sub bab) atau ingin menuliskan beberapa alamat maka anda dapat dengan mudah mengaturnya dengan menggunakan tombol ini.

40

12. Anda dapat memasukkan warna teks anda di sini ada berbagai pilahan warna dari warna standar sampai warna lengkap dengan pengodean hexadesimal.

13. Kedua tombol ini digunakan jika anda ingin merekatkan

(paste) tulisan (yang sudah anda kopi/cut sebelumnya) dari teks editor seperti word atau notepad.

14. Tombol ini digunakan format tulisan (biasanya sudah

merupakan format asal ketika anda merekatkan (paste) tulisan dari sumber lain.

15. Tombol ini digunakan untuk membersihkan kode html

supaya formatnya lebih teratur.

16. Tombol ini digunakan untuk memasukkan simbol atau karakter unik ke dalam artikel anda. Ada 199 karakter yang dapat anda masukkan di sini.

17. Tombol undo dan redo, digunakan mengulang aksi

sebelumnya dan kebalikannya.

41

Itulah tentang fungsi masing-masing tombol pada form penulisan artikel. Setelah anda menulis artikel anda tinggal mengklik terbitkan untuk memublikasikan tulisan, simpan untuk menyimpan sebagai draf untuk simpan dan lanjutkan menulis. Pada bagian paling bawah halaman membuat tulisan anda juga dapat membuat kutipan, lacak balik dan menambahkan ruas untuk keperluan dokumentasi namun kelebihan wordpress tidak hanya itu kita masih membahas menu-menu lainnya yang terletak di sebelah kanan layar.

Pertama untuk memasukkan kategori tulisan kita tinggal mencentang salah satu dari kategori yang ada. Untuk membuat kategori tersebut anda tinggal menulisnya di form lalu klik tambah. Anda pun dapat mencentang beberapa kategori sekaligus untuk sebuah artikel. Selanjutnya untuk bagian diskusi anda dapat mengizin pengunjung untuk memberikan komentar ataupun tidak mengenai tulisan anda sedangkan izinkan ping di sini berarti wordpress akan otomatis melacak apabila ada tulisan dari blog wordpress lainnya yang merujuk ke tulisan anda maka sebagian dari tulisan yang ia buat nantinya akan masuk ke dalam kolom komentar.

42

Untuk kata sandi di sini anda dapat menambahkannya apabila anda ingin artikel anda hanya ingin dilihat oleh orang-orang tertentu yang telah mengetahui kata sandi tersebut. Tentunya anda sendiri yang dapat membagi-bagikan kata sandi tersebut dan sampai melupakan apa yang namanya kata sandi. Untuk bagian slug tulisan berarti kata-kata yang nantinya akan di lacak pada mesin pencari, jadi sebaik anda sebaiknya menuliskan kata-kata yang singkat, jelas dan memiliki potensial untuk dicari orang banyak.

43

Pada bagian status tulisan menunjukkan secara default status tulisan yang akan buat. Jika tulisan tersebut belum diterbitkan maka statusnya berupa naskah, jika sudah diterbitkan maka menjadi telah diterbitkan, jika masih disimpan ke dalam draf maka statusnya menunggu evaluasi dan status privat jika menambahkan kata sandi untuk artikel yang anda buat. Terakhir anda dapat menambahkan waktu terbit sebuah artikel yang telah anda buat. Anda tinggal mengatur waktu di sini berdasarkan bulan, tanggal, tahun dan jam terbit lalu anda centang sunting tanda waktu maka wordpress akan otomatis menerbitkannya sesuai waktu yang masukkan.

Di sini ada tiga pilihan opsi setelah anda menulis sebuah artikel, simpan dan terus sunting, simpan dan terbitkan. Opsi pertama simpan dan lanjutkan sunting digunakan apabila anda ingin melihat tampilan pratayang (preview) terlebih dahulu. Pilihan simpan untuk menyimpan ke dalam draf dan pilihan terbitkan untuk memublikasikan tulisan anda.

4.2 Halaman Sekarang kita akan mulai membahas pada sub menu berikutnya yakni membuat halaman. Seperti yang anda lihat tampilan halaman di sini tidak jauh berbeda dengan halaman membuat tulisan hanya ada sedikit yang berbeda di bagian menu samping. Yang perlu anda ingat di sini perbedaan antara halaman dengan tulisan adalah sebuah halaman akan tampil di halaman depan blog sebagai link dan halaman dapat berisi beberapa tulisan.

44

Pada menu di samping kanan anda dapat melihat sedikit perbedaan di sini, maka saya menjelaskannya sedikit di sini. Pertama mengenai induk halaman anda dapat memilih bagian halaman yang telah dibuat di mana anda akan menulis halaman yang baru jadi dapat berguna jika anda menuliskan halaman yang masih berhubungan dengan halaman yang lain yang telah anda buat untuk menjadi sub halaman tersebut. Selanjutnya mengenai template halaman anda dapat memilih tempat standar seperti layaknya halaman depan, atau tempat arsip jika anda sudah memilik banyak tulisan yang telah diarsipkan maka pada halaman depan nantinya hanya akan muncul link terhadap arsip-arsip tulisan anda atau berbentuk link (taut) maka halaman depan yang anda buat akan berisikan link-link seperti yang telah ada di blogroll.

45

Pada menu selanjutnya yakni slug halaman anda dapat mengisi dengan tulisan yang memiliki potensial untuk di cari orang dan tentunya masih berhubungan dengan halaman yang anda buat. Untuk menu penulisan halaman di sini akan berguna jika blog anda multi user jadi anda dapat menentukan siapa saja yang berhak untuk menulis halaman tersebut. Terakhir anda dapat mengatur urutan tampilan halaman tersebut dengan memasukkan urutan nomornya. Secara default halaman yang anda buat belakangan akan masuk pada urutan belakangan.

46

4.3 Upload Pada sub bab kita membahas bagaimana cara meng-upload (dalam bahasa Indonesia disebut unggah) file ke dalam blog anda. Hal pertama yang perlu anda ketahui di sini adalah setiap anda mengungah file maka secara default akan masuk ke pada folder wp-content/upload yang bertempat di tempat anda menginstal wordpress anda. Untuk mengatur tempat anda mengunggah file dapat melalui pilihan menu opsi lalu ke sub menu serbaneka. Di sini anda mengganti folder tempat anda mengunggah file.

Sebenarnya di wordpress anda dapat bebas mengunggah file apa saja selama ukurannya tersebut sesuai dengan kapasitas web hosting anda namun saya hanya memberikan contoh bagaimana cara mengunggah gambar untuk anda letakkan di artikel anda. Untuk melakukan masuk ke halaman admin lalu anda pilih menu tulis. Anda mungkin telah melihat sebelumnya bagian untuk mengunggah file terdapat persis di bawah teks editor.

47

Di bagian unggah anda mencoba sendiri dengan memilih salah satu file gambar yang ada di komputer anda dengan tombol browse. Setelah itu anda tambahkan judul dan deskripsi yang anda inginkan lalu klik unggah.

Untuk tampilan anda dapat memilih ukuran miniatur (berbentuk thumbnail), ukuran penuh seperti pada gambar aslinya atau hanya tulisan judulnya saja. Untuk pilihan taut ke berarti dengan mengklik gambar atau judul gambar tersebut maka akan di bawa ke berkas file aslinya, atau ke bentuk halaman atau tidak menggunakan link sama sekali. Untuk mengirimkan ke teks editor anda tinggal mengklik kirim ke penyunting. Ingatlah jika gambar yang diunggah terlalu besar biasanya wordpress tidak menyediakan ukuran miniatur jadi sebaiknya anda mengecilkan gambarnya terlebih dahulu melalui program pengolah gambar seperti ACD see atau Corel draw. Setelah mengirimkan ke teks editor anda tinggal menuliskan beberapa kalimat tambahkan untuk artikel anda namun jika anda masih ingin menyunting gambar tersebut anda menggunakan tombol sunting gambar (tombol no.5) untuk mengatur format gambar tersebut.

48

Di sini anda bisa mengatur ulang deskripsi gambar, format peletakannya, ukuran, garis tepi dan jarak spasi. Ada cara alternatif lainnya yang juga dapat dipergunakan untuk dapat mengedit gambar yakni melalui kode html. Pertama jika anda mengunggah gambar tersebut lalu menambahkan tulisan maka secara default gambar tersebut akan berada pada posisi seperti gambar di bawah. Gambar di sini dapat kita ganti dengan mudah menggunakan kode html. Untuk melakukannya sunting tulisan tersebut dan lihat kode html-nya.

49

Selanjutnya anda bisa menambahkan style dari gambar tersebut maupun berbagai format lainnya. Seperti contoh di atas kita akan mengganti style dengan float/mengambang pada paragraf di sebelah kiri. Oleh karena itu kita akan menambahkan tulisan style=”float:left” sebelum title gambar. Hasilnya anda bisa lihat seperti gambar di bawah.

Gambar sebelum diedit

50

Gambar setelah di edit

4.4 Tip Menulis Artikel Anda baru memulai menggunakan blog? Anda bingung ingin menulis apa untuk blog? Anda merasa malas menulis artikel pada blog? Dan bagaimana cara supaya tulisan anda dibaca orang banyak? Itu adalah beberapa pertanyaan paling esensial untuk blogger pemula. Di bawah ini ada beberapa tip menulis artikel pada blog anda.

1. Menulislah apa yang menjadi hobi dan kesukaan anda. 2. Menulislah tentang apa saja yang baru terjadi di sekitar

anda.

51

3. Periksa blog lain atau sumber informasi lainnya sebagai inspirasi anda.

4. Tulis apa yang sedang hangat dan ramai dibicarakan

5. Bagi pengalaman anda dengan lain.

6. Tulis apa yang banyak cari.

7. Mengambil kutipan dari artikel lainnya.

8. Kunjungi blog lainnya dan tinggalkanlah alamat blog

pada komentar anda.

9. Ajak para pembaca untuk saling berinteraksi dengan membuat tulisan yang interaktif.

10. Buatlah judul semenarik dan seindah mungkin karena

judul biasa menjadi tag dalam pengindeksan.

52

53

Bab 5

Manajemen WordPress 5.1 Mengatur Komentar Semua pengunjung yang tertarik dengan pembahasan topik artikel di blog anda biasanya akan meninggalkan komentar pada artikel tersebut. Sementara orang-orang bebas berkomentar di blog anda mungkin anda mendapatkan komentar-komentar tersebut keluar topik, tak berarti (junk), spam, menimbulkan sara dan sebagainya. Wordpress mempunyai manajemen cukup handal dalam mengendalikan komentar-komentar tersebut. Wordpress memungkinkan menghalangi komentar spaming dengan IP (Internet Protokol) address blok namun perlu anda ingin baik-baik kalau para spamer menggunakan IP random jadi memungkinkan anda untuk menghalangi pengguna legal bukan para spamer. Untuk mengatur komentar anda di wordpress, pertama masuk ke halaman admin pilih menu komentar, Hal perlu anda ketahui dalam wordpress telah disediakan fasilitas pencarian komentar jadi anda dengan mudah mencari komentar tertentu hanya dengan menyebutkan kata kuncinya saja maka secara otomatis wordpress dapat mencarikan anda komentar berdasarkan teks, email, Ip address atau alamat url. Selanjutnya anda bisa melihat 2 mode tampilan di sini pertama tampilan standar dan tampilan untuk penyuntingan massal. Untuk mengedit banyak komentar anda sebaiknya memilih mode tampilan penyuntingan massal agar anda dapat dengan mudah memilih langsung beberapa komentar dan memoderatinya.

54

Perlu anda ketahui pengguna yang dapat mengelola komentar di wordpress dan penyunting dan administrator. Untuk perintah dasar sunting di sini terdiri dari 4 macam perintah yakni sunting, hapus, tolak dan spam. Saya menjelaskannya di bawah ini.

1. Hapus berarti menghapus komentar secara permanen. 2. Sunting berarti mengedit isi komentar. 3. Tolak berarti menghilangkan komentar untuk sementara

dan nantinya masih anda dapat setujui kembali. 4. Spam berarti akan otomatis terhapus, dan ciri komentar

tersebut akan dihafalkan oleh wordpress sehingga apabila nanti ada komentar yang serupa wordpress akan langsung mengategorikan sebagai spam.

55

Untuk bagian sub menu kedua adalah antrean moderati komentar. Ada beberapa opsi yang bisa anda manfaatkan untuk memoderati komentar. Untuk mengatur opsi-opsi tersebut masuklah ke menu halaman admin pilih opsi lalu pilih sub menu diskusi. Opsi pertama di sana yakni untuk memberitahukan blog lainnya jika anda menautnya sebaliknya untuk opsi kedua anda akan diberitahukan jika ada taut blog lain ke blog anda. Bagaimana pun untuk kedua opsi ini tidak bekerja pada semua blog melainkan hanya blog tertentu. Untuk opsi selanjutnya yakni memberi izin pengunjung blog anda memberikan komentar. Anda seharusnya membiarkan opsi ini kecuali apabila ada halaman atau artikel yang memang dirasa tidak perlu untuk dikomentari seperti halaman tentang saya untuk ini anda bisa langsung mengeditnya pada saat anda menulis artikel/halaman. Untuk dua opsi berikutnya yakni email saya ketika ada komentar yang masuk dan ada komentar yang ditahan moderati. Anda yang lebih sering mengecek email mungkin menginginkan agar kedua opsi ini dibiarkan aktif jadi anda selalu mendapat

56

informasi dari email namun untuk anda yang jarang memeriksa email dan email notifikasi ini hanya dianggap memenuhi email karena banyaknya komentar di blog anda maka anda dapat menonaktifkan kedua opsi tersebut. Untuk tiga opsi berikutnya dapat bermanfaat untuk menangkal spam yakni admin harus menyetujui komentar (meskipun ini mengalihkan waktu anda namun ini adalah cara paling sederhana untuk menangkal spam). Opsi kedua penulis komentar harus mengisi alamat dan email, pada opsi kedua ini mungkin saja penulis komentar tidak menulis nama dan alamat email miliknya sendiri tapi tetap bisa menuliskan komentar. Untuk opsi terakhir yakni penulis komentar setidaknya ada satu komentar yang telah disetujui sebelumnya. Ini adalah satu cara yang tepat menangkal spam dari orang-orang belum anda kenal dan nyasar ke blog anda.

5.2 Mengatur Artikel Wordpress menyediakan sarana mudah untuk mengatur artikel-artikel anda baik itu berupa halaman, tulisan ataupun gambar. Untuk melakukannya masuklah ke halaman admin lalu anda pilih menu kelola.

57

Seperti yang anda lihat pertama bila artikel anda sudah banyak anda dapat dengan mudah menggunakan fasilitas pencarian dan saring di sini. Anda dapat menyaring artikel berdasarkan status (telah terbit atau naskah), waktu penulisan dan kategorinya. Daftar lengkap artikel tulisan akan berada di baris bawah, seperti yang anda ada perintah kelola di sini yakni melihat tulisan, mengeditnya dan menghapus tulisan.

Untuk pilihan sub menu berikutnya yakni halaman serupa dengan sub menu tulisan. Di sini menggunakan fasilitas pencarian dan menyaring kategori berdasarkan jenisnya. Perintah kelola masih sama seperti pada sub menu tulisan yakni lihat, sunting/edit dan menghapus halaman. Ingatlah jika menghapus halaman berarti anda juga menghapus tulisan di dalamnya dan menghapus tulisan juga berarti menghapus komentar-komentar pada tulisan tersebut.

58

Untuk sub menu berikut yakni unggah, di sini bisa mengedit berbagai file yang telah anda unggah sebelumnya. Untuk melakukan anda tinggal klik salah satu gambar/file tersebut maka anda mengedit file judul, deskripsi dan link file tersebut atau menghapusnya.

Untuk sub menu kategori, anda dapat menambah kategori baru dan menghapus dan mengedit kategori yang telah ada. Perhatikan ada beberapa kategori yang tidak dapat anda hapus karena itu merupakan kategori bawaan. Ada masih mengatur kembali beberapa opsi lainnya termasuk mengatur kategori default (bawaan). Untuk melakukannya pilihlah menu opsi lantas pilih sub menu menulis.

59

Di sini anda dapat mengatur ukuran untuk kotak tulisan per baris. Anda mungkin menginginkan wordpress otomatis mengonversi tulisan tertentu menjadi ikon emosi dan membetulkan peletakan kode xhtml. Untuk kedua opsi berikutnya anda mungkin ingin mengganti kategori standar untuk tulisan maupun link. Kategori ini adalah kategori default setiap anda menulis artikel maupun link dan tidak dapat anda hapus. Setelah mengubahnya pastikan anda mengklik perbarui pilihan.

5.3 Mengekspor Wordpress memberikan pilihan untuk anda jika saja anda sewaktu-waktu ingin memindahkan blog atau memiliki beberapa blog sekaligus dengan fasilitas ekspor impor. Cara ini memungkinkan anda untuk mendapatkan artikel dalam blog lama anda ke dalam blog anda yang baru. Untuk melakukan proses ekspor masuklah ke halaman admin lalu pilih menu kelola dan ke sub menu ekspor maka tampilan layar akan seperti gambar di bawah. Pertama jika blog anda multi user anda dapat terlebih dahulu menyeleksi penulis artikel yang ingin anda ekspor. Setelah itu anda bisa langsung klik unduh berkas ekspor.

60

Pastikan anda mengingat folder di mana anda mengunduh file XML ini. File ini berupa database konfigurasi blog anda dan file ini nantinya akan di pakai untuk proses impor.

61

5.4 Mengimpor Wordpress menyediakan beberapa situs yang dapat anda impor ke dalam wordpress anda. Pertama masuk dahulu ke halaman admin lalu pilih menu kelola dan sub menu impor.

Baiklah karena kita masih berada dalam localhost dan tentunya tidak ada enkripsi ssl jadi kita mengimpor dari situs-situs lainnya seperti blogger. Sebagai contoh di sini kita akan mengimpor dari situs wordpress, dari berkas xml yang tadi anda unduh. Jadi melakukan ekspor impor ini secara berurutan maka ada yang berubah di situs blog anda. Berikut cara mengimpor dari blog wordpress

1. Klik tulisan wordpress pada pilihan paling bawah.

62

2. Selanjutnya anda browse file xml yang tadi anda ekspor

dari blog anda sendiri. Ingatlah ukuran file maksimal yang dapat diunggah adalah 16mb. Setelah itu anda klik unggah berkas dan impor.

3. Selanjutnya anda pilih admin pada pilihan opsi box

lantas anda klik submit.

4. Selanjutnya anda tinggal menunggu file terunggah maka

akan muncul seperti pesan di bawah

63

64

65

Bab 6

Tampilan Blog 6.1 Mengganti Template Wordpress menyediakan banyak pilihan tema yang dapat anda gunakan pada situs anda. Secara resmi mereka juga menyediakan fasilitas download tema pada situs resmi wordpress (wordpress.org/extend/themes/). Pada CD di dalam buku sudah beberapa tema siap pakai. Untuk menginstal tema wordpress caranya sangat mudah, ikut langkah di bawah ini. Cara menginstal tema wordpress

1. Buka folder wordpress pack lalu buka folder theme pada CD anda.

2. Anda pilih semua tema tersebut lantas anda kopi ke

folder C:\xampp\htdocs\wordpress\wp-content\themes

66

3. Setelah anda masuk ke halaman admin wordpress pilih menu tampilan. Maka semua tema tadi sudah siap anda gunakan. Untuk mengganti tema anda tinggal mengklik salah satu tema yang tersedia.

67

4. Setelah anda memilih tema yang baru anda dapat melihat

langsung hasilnya dengan mengklik tulisan lihat situs.

6.2 Mengubah Header Setelah mengganti template kita masih dapat mengubah beberapa tampilan lainnya termasuk header (kepala halaman). Header adalah bagian paling atas dari halaman situs anda dan biasanya anda menempatkan logo dan judul situs anda di sini. Untuk mengedit tampilan header situs anda masuklah ke halaman admin. Pilih menu tampilan lalu ke sub menu penyunting tema. Selanjutnya pada baris menu di sebelah kanan anda klik kepala halaman.

68

Ada beberapa tema siap pakai yang anda dapat gunakan namun sebagai contoh saya akan gunakan 3C left+Right karena tema ini sederhana dan mudah untuk dimodifikasi ulang. Pertama tarik garis bar ke halaman paling bawah maka anda melihat kode untuk nama dan slogan blog anda seperti ini: <div id="wrapper"> <div id="header"> <p> <span class="blogname"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></span><br /> <span class="blogslogan"><?php bloginfo('description'); ?></span> </p> </div> Pada dasarnya nama dan slogan anda akan sesuai dengan nama dan slogan pada menu opsi umum namun anda dapat menggantinya sendiri dengan menyisipkan kode html di sini. Sebagai contoh anda dapat mengubahnya seperti kode di bawah ini:

69

<div id="wrapper"> <div id="header"> <p> <span class="blogname"><a href="<?php bloginfo('url'); ?>">Info Jakarta</a></span><br /> <span class="blogslogan">Selamat Datang</span> </p> </div> Setelah anda simpan perubahan tersebut dan lihat kembali situs blog anda. Maka tampilan header blog anda akan seperti gambar di bawah.

Jika anda mau anda juga menambahkan logo situs anda pada header. Untuk melakukan pertama mengunggah dahulu gambar logo yang kita inginkan. Pastikan anda telah mencacat atau mengopi alamat logo yang tadi anda unggah sebelumnya. Tahap selanjutnya anda tinggal memasukkan kode html seperti di bawah ini. <div id="wrapper"> <div id="header"> <img style="float:left" scr="http://localhost/wordpress/wp-content/uploads/2008/01/logo.jpg" alt="Info Jakarta"> <span class="blogname"><a href="<?php bloginfo('url'); ?>">Info Jakarta</a></span><br /> <span class="blogslogan">Selamat Datang</span>

70

</p> </div> Perhatikan tiga jenis kode html yang anda masukkan tadi adalah style gambar, alamat gambar logo dan deskripsi logo. Selanjutnya anda simpan perubahan tersebut lantas anda lihat kembali halaman situs blog anda maka tampilan akan seperti gambar di bawah ini.

6.3 Mengedit CSS CSS (Cascading Style Sheet) biasanya digunakan untuk template sebuah situs untuk mengatur elemen warna, pixel, jenis dan ukuran huruf dan sebagainya yang tampil pada halaman situsnya. Dalam wordpress anda dapat langsung mengedit CSS yang anda inginkan di dalam halaman admin tanpa harus menggunakan html/css editor. Tentunya anda sebelumnya harus memiliki pengetahuan tentang CSS sebelumnya. Bagaimana pun saya tidak akan mendetail tentang CSS di sini. Jadi untuk melihat kode CSS pada blog anda pertama kali anda tinggal masuk ke halaman lalu pilih menu tampilan dan sub menu penyunting tema.

71

Hal yang perlu kita ketahui di sini halaman blog kita (berdasarkan tema 3C) adalah putih polos dan dalam kode warna css ditulis dengan FFFFFF. Pada dasarnya kode pewarnaan css berdasarkan kode bilangan hexadesimal berbasis 16 angka. Angka-angka tersebut adalah angka 0-9 ditambah a-f (melambangkan angka 1—15). Biasanya kita menggunakan bilangan desimal pada kehidupan sehari-hari dan bilangan ini biasa di sebut dengan bilangan berbasis sepuluh yang memiliki angka (0-9). Jadi FFFFFF tadi adalah bilangan hexadesimal yang melambangkan warna putih. Untuk warna-warna lain juga dilambangkan dengan 6 digit bilangan hexadesimal. Bilangan Hexadesimal 0 1 2 3 4 5 6 7 8 9 A B C D E F Bilangan Desimal 0 1 2 3 4 5 6 7 8 9

72

Bilangan hexadesimal FFFFFF merupakan bilangan dengan nilai tertinggi dengan 6 digit angka. Pada dasarnya konsep pewarnaan pada css menunjukkan bawah semakin tinggi nilai dari bilangan hexadesimal penunjukan warna maka warna tersebut semakin terang sebaliknya jika semakin rendah maka warna tersebut semakin gelap. Jika anda menggunakan html editor seperti Dreamweaver atau 1st page maka dapat dengan mudah menentukan warna-warna dengan pilihan poligon warna tanpa perlu mengetahui kode bilangan hexadesimal sebelumnya. Eversoft 1st Page 2006 sudah tersedia pada CD di buku ini anda mungkin ingin menginstalnya terlebih dahulu pada komputer anda. Setelah anda bisa menjalankan program tersebut. Pada layar pertama anda pilih saja blank page, selanjutnya pada menu toolbar pilih tags lalu klik pick color maka akan memunculkan pilihan warna poligon berdasar bilangan hexadesimal.

73

Sekarang anda tinggal warna yang sesuai untuk blog. Kembali ke halaman penyunting tema wordpress, di sini saya mencontohkan mengganti header dengan warna kuning terang. Maka anda tinggal mengganti kode css bagian header seperti kode css di bawah. /* - - - HEADER STYLES - - - */ #header { background-color: #FF9900; border-bottom: 1px solid #666666; padding: 0; Setelah itu anda simpan perubahannya dan lihat kembali situs blog anda. Maka tampilan header akan seperti gambar di bawah ini.

Sebenarnya fungsi CSS di sini tidak hanya terbatas pada mengubah warna tetapi juga dapat mengubah jenis huruf, ukuran huruf dan warna huruf dan sebagainya. Berikut salah satu contoh mengubah tampilan huruf pada header khususnya mengubah huruf pada nama dan slogan blog. Tampilan awal kode CSS: .blogname { font-family: Verdana, Tahoma, sans-serif; font-size: 26px; color: #666666; }

74

.blogslogan { font-family: Verdana, Tahoma, sans-serif; font-size: 18px; color: #000000; Anda dapat ubah menjadi: .blogname { font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #666666; } .blogslogan { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #cdcdcd; Pada perubahan tadi anda telah mengubah tipe huruf, ukuran dan warnanya. Anda juga dapat menambahkan sebuah latar belakang pada header anda degan menambahkan gambar latar belakang pada folder wp-content/theme/3clr-seo/image. Selanjutnya anda masukkan kode seperti di bawah ini pada bagian header style. #header { background-color: #FF9900; background-image: url('image/masukkan nama gambar anda di sini.jpg'); border-bottom: 1px solid #666666; padding: 0; Pada tahap selanjutnya anda dapat mengubah tampilan lainnya selain header seperti mengubah tampilan main content, left dan right sidebar.

75

6.4 Mengatur Sidebar Sidebar biasanya digunakan untuk tampilan menu, link, kode html dan lainnya. Sidebar ini terletak di sebelah kiri/kanan pada halaman depan blog anda. Setiap theme mempunyai berbagai tampilan sidebar masing-masing, ada yang terletak di kiri dan kanan, kiri atau kanan saja ada pula yang kiri, kiri atau kanan, kanan. Biasanya sebuah blog terdiri 1, 2 sidebar. Dalam wordpress telah disediakan fasilitas untuk mengatur sidebar dengan mudah yang disebut sebagai widget. Untuk mengatur widget anda tinggal masuk ke halaman admin pilih menu tampilan lalu pilih sub menu widget. Berikut adalah tampilan dari widget pada tema 3C left+right.

76

Untuk mengatur widget anda tinggal memilih salah satu widget yang tersedia lalu anda drag (klik dan tarik) ke bagian sidebar sebelah kiri atau kanan. Kali kita mencoba mengubah tampilannya seperti pada gambar di bawah.

Setelah anda simpan perubahan lalu anda lihat situs blog untuk melihat perubahannya.

77

6.5 Menggunakan kode html Anda dapat menambahkan berbagai kode html untuk mempercantik situs blog anda. Kode html ini memiliki berbagai fungsi seperti jam, kalender, cuaca, statistik dan sebagainya. Banyak situs di internet yang menyediakan kode html link secara gratis untuk dipergunakan ke dalam blog kita di antaranya. Bagaimana pun cara ini baru dapat anda lihat hasilnya jika blog anda sudah terkoneksi ke internet. www.freeshoutbox.net www.shoutmix.com/main www.myshoutbox.com www.oggix.com www.weatherforecastmap.com www.clocklink.com

78

www.statcounter.com www.histats.com www.sixapart.com/typepad/widgets/music www.feedjit.com www.smartguestbook.com www.ladylony.com www.weatherpixie.com www.iwebmusic.com Cara menambah shout box pada blog: Ada 2 cara untuk meninggalkan komentar atau pesan di dalam pertama kita tinggal form komentar seperti biasanya dan cara kedua kita bisa memanfaatkan shoutbox atau guestbook. Pertama hal yang perlu anda ketahui ialah situs yang menyediakan jasa shout box yakni antara lain: oggix.com, myshoutbox.com, freeshoutbox.net, shoutmix.com Berikut adalah cara menggunakan shout box dari shoutmix.com

1. Daftarkan diri anda ke shoutmix.com

2. Pilih tampilan shout box yang anda inginkan

79

3. Masuk ke halaman kontrol panel.

4. Ambil kode html

80

5. Kopi kode tersebut ke halaman blog anda

Menambahkan ramalan cuaca Situs web yang menyediakan kode html untuk ramalan cuaca antara lain: http://weatherforecastmap.com/ www.weatherpixie.com Cara menambahkan ramalan cuaca:

1. Buka alamat weatherforecastmap.com pada web browser

2. Pada halaman depan anda bisa langsung pilih bagian

Asia Pasifik lalu negara Indonesia dan kota tempat anda berada

81

3. Selanjutnya anda tinggal kopi kode html yang telah disediakan

Menambahkan Jam Situs yang menyediakan kode html untuk jam antara lain Ladylony.com dan clocklink.com Cara menambahkan jam:

1. Buka alamat clocklink.com/gallery

2. Di sini anda bisa langsung memilih bentuk jam sesuai

keinginan

82

3. Setelah itu anda dapat mengatur tampilan jam terlebih dahulu lantas kopi html kode tersebut ke blog anda.

Anda masih menambahkan beberapa kode html lainnya untuk mempercantik tampilan blog anda. Pada dasarnya caranya hampir sama anda tinggal mengambil kode html dari situs-situs yang menyediakannya lantas anda kopi ke halaman blog anda. Menguangkan blog anda www.bisiness-opportunities.biz

83

Menambahkan statistik pengunjung www.statcounter.com www.histats.com www.feedjit.com

Menambahkan musik pada blog anda www.iwebmusic.com www.sixapart.com/typepad/widgets/music

84

Penempatan Kode HTML Kode html bisa ditempatkan pada pos artikel, halaman maupun sidebar. Menempatkan di pos artikel atau di halaman tidak direkomendasikan karena halaman pos artikel akan selalu berubah setiap kali anda membuat sebuah pos baru pos lama anda tenggelam di tambah lagi menyita banyak tempat jadi terkadang sebuah html kode lebih pas kalau ditempatkan pada sidebar. Wordpress telah menyediakan tempat untuk melakukan penempatan kode html/javascript pada sidebar dengan mudah untuk melakukan ikuti langkah-langkahnya di bawah ini: Menempatkan kode pada sidebar

1. Pada halaman admin pilih menu tampilan lau ke sub menu penyunting tampilan.

2. Pilih bagian sidebar (kolom sisi) untuk di edit, seperti

yang anda lihat di sini terdapat bagian kolom-kolom menu tampilan seperti pada widget.

85

3. Di sini anda bisa langsung menyisipkan kode html di

antara menu widget, seperti contoh gambar di atas kode html ramalan cuaca tersebut diletakkan pada posisi paling atas atau di atas menu recent entries (kode <H3> Judul Menu </H3> dapat anda sesuai dengan judul menu/kode html yang ingin anda gunakan.

4. Setelah itu anda bisa simpan perubahan dan lihat

kembali perubahannya pada situs blog anda.

86

87

Bab 7

Memaksimalkan Wordpress 6.1 Menginstal Plugin Plugin digunakan untuk menambah berbagai fungsi pada wordpress. Plugin ini berbentuk php script yang berjalan pada blog anda. Sebagian besar plugin dapat berjalan jika blog anda sudah online. Pada dasarnya di sini mengunggah template dengan mengunggah plugin sama saja. Anda hanya perlu mengopi direktori plugin ke folder tujuan wordpress\wp-content\plugins. Cara menginstal plugin:

1. Anda kopi semua plugin yang terdapat pada CD di buku ini ke folder wordpress\wp-content\plugins

88

2. Masuklah ke halaman admin lalu pilih menu plugin

3. Untuk mengaktifkan plugin anda tinggal mengklik aktifkan namun ada juga beberapa plugin yang harus diaktifkan dengan kondisi lebih lanjut.

89

7.2 Menghadang Spam Yang dimaksud spam di sini ialah komentar-komentar yang tidak berarti (keluar topik) biasanya berisikan link dan menggunakan auto script. Bertarung melawan spam dengan cara tradisional yakni dengan moderati dan hapus terkadang hanya akan menyibukkan waktu sempit anda. Sekarang anda tidak perlu khawatir lagi karena sudah banyak plugin yang berfungsi menangkal spam. Salah satunya adalah akismet, plugin ini salah plugin resmi dari pengembang wordpress sendiri. Anti spam akan menghadang hampir semua spam yang masuk bahkan bisa belajar dari pengalaman jika salah menangkap spa. Cara menggunakan Akismet:

1. Pertama anda butuh API wordpress, kode hanya bisa didapat melalui akun di wordpress.com. jadi anda harus mendaftarkan diri anda dahulu ke wordpress.com

2. Setelah anda login klik tulisan my profil di kanan atas

untuk melihat kode api anda. Bagaimana pun kode api ini bersifat rahasia seperti password.

3. Anda kopi kode api tersebut lantas masuklah ke halaman

admin blog anda pilih menu plugin lantas anda klik aktifkan.

90

4. Anda akan diminta untuk memasukkan kode api agar

akismet dapat aktif bekerja. Untuk melakukannya masuk ke sub menu konfigurasi akismet lalu anda masukkan kode api anda di sana.

Akismet telah aktif sekarang dalam pilihan menu komentar anda dapat melihat sub menu akismet spam. Komentar-komentar yang dianggap spam akan dimasukkan ke sini dan otomatis menghilang setelah satu bulan. Jika anda melihat komentar yang bukan spam tetapi terdeteksi sebagai spam oleh akismet anda juga dapat mengembalikannya sebagai komentar biasanya. Sebaliknya jika komentar spam yang tidak terdeteksi sebagai spam anda juga memilihnya sebagai spam. Akismet dapat belajar dari kesalahan dalam mendeteksi spam pada blog anda jadi untuk masa yang akan datang akismet tidak salah lagi dalam mendeteksi komentar spam.

91

Memblokir IP address Ada cara lain untuk menghadang banjir komentar spam pada blog anda yakni dengan memblokir IP (internet protokol) address dari dalang si tukang spam tersebut. Wordpress dapat melacak IP address dari setiap komentar yang masuk namun bagaimana cara ini tetap berisiko tinggi karena biasanya para pengguna internet atau para spamer lebih khususnya menggunakan auto IP address yang selalu berganti-ganti setiap mengakses internet. Hal ini menyebabkan anda bisa memblokir pengguna legal jika ia menggunakan IP address yang sebelum digunakan oleh spammer. Untuk melakukan anda tinggal mengopi kode php seperti di bawah ini lalu anda paste ke salah satu bagian dari tempat blog yang anda gunakan (catatan: kode xxx dan yyy di bawah anda ganti dengan nomor IP address yang ingin anda blokir aksesnya). <?php $block = array("xxx.xxx.xxx.xxx", "yy.yy.y.yyy"); if (in_array ($_SERVER['REMOTE_ADDR'], $block)) { header("Location: http://google.com/"); exit(); } ?> Daftar Hitam Komentar Cara lain yang handal untuk menghadang komentar spam ialah menggunakan daftar hitam komentar yang telah disediakan wordpress. Untuk melakukannya anda masuk ke halaman lalu pilih menu opsi lalu sub menu diskusi. Di sini anda bisa memasukkan kata-kata yang sering digunakan sebagai spam

92

pada form antrean moderati komentar dan daftar hitam komentar. Pada moderati komentar setiap baris kata yang dimasukkan jika terdapat pada salah satu komentar yang masuk maka komentar tersebut akan ditahan untuk anda moderati. Di sini akan diberikan opsi untuk mengatur batasan link yang ada pada setiap komentar. Untuk daftar hitam komentar setiap komentar yang masuk sesuai dengan kata-kata (termasuk IP, email dan url) pada daftar hitam ini maka akan otomatis terhapus tanpa sepengetahuan anda sebelumnya.

93

7.3 Memaksimalkan Mesin Pencari Untuk mendapatkan banyak pengujung pada situs anda salah satu caranya yang paling handal adalah dengan memanfaatkan keberadaan mesin pencari. Orang mencari apa yang diinginkannya pada internet dengan menggunakan fasilitas mesin pencari seperti Google atau Yahoo jadi sebuah ide untuk menaikkan lalu lintas situs anda dengan mendaftarkan domain anda ke mesin pencari. Sekarang ada banyak mesin pencari yang dapat digunakan namun setidaknya kita dapat beberapa mesin pencari yang lazim digunakan orang banyak seperti Google, Yahoo dan MSN. Cara mendaftarkan ke mesin pencari

1. Untuk mendaftarkan situs ke Google pertama pergi ke alamat google.com/addurl. Lantas anda dapat langsung mengisikan domain situs anda (cukup main domainnya saja seperti http://www.namaanda.com), komentar atau deskripsi singkat situs anda, kode capcha lalu klik addurl. Selebihnya anda tinggal menunggu beberapa hari sampai situs anda masuk ke indeks pencarian google.

94

2. Untuk Yahoo anda mendaftarkan ke direktori mereka.

Untuk itu ketikan alamat seperti di bawah ini siteexplorer.search.yahoo.com/submit setelah itu anda isikan alamat url situs anda beserta alamat feed-nya (jika ada) yahoo juga meminta akun anda di yahoo. Spybot yahoo akan menjaring situs anda dalam waktu beberapa Minggu.

95

3. Satu situs pencari yang populer ialah MSN/Live search.

Untuk mendaftarkan situs ke MSN pergilah ke alamat search.msn.com.sg/docs/submit. Di sini anda langsung masukkan main domain situs untuk dimasukkan ke indeks MSN.

Menggunakan SEO plugin SEO (search engine optimalitation) merupakan trik-trik untuk mengoptimalkan indeks pencarian pada mesin pencari. Untuk plugin SEO sangat bermanfaat untuk memudahkan pengindeksan pada mesin pencari sesuai dengan kata kunci yang kita berikan. Apa gunanya jika sebuah blog keren tapi tidak pengunjungnya, jadi pengunjung sangat berarti untuk blog dan salah satu alasan utama untuk ngeblog maka dari itu kita harus pandai mempromosikan blog kita.

96

Wordpress punya cara mudah untuk mengoptimalkan mesin pencari yakni dengan menggunakan plugin all in one SEO pack yang dapat menggenerasi meta tags secara otomatis. Pertama harus mengaktifkan plugin ini terlebih dahulu pada menu plugin.

Setelah diaktifkan anda masuk ke menu opsi lalu ambil pilihan sub menu all in one SEO di sini anda isikan judul blog anda, deskripsi singkat blog anda dan beberapa kata kunci yang berkaitan dengan blog anda. Semuanya ini akan muncul pada pengindeksan di mesin pencari jadi anda harus pandai-pandai mengisinya.

97

7.4 Mendapatkan Uang Ada beberapa jalan untuk mendapatkan uang melalui internet. Secara lazim uang biasanya didapatkan melalui e-commerce, iklan atau program afiliasi lainnya. Salah satu program yang populer untuk mendapat iklan dari iklan ialah google adsense. Program yang ditawarkan google sudah sangat banyak penggunanya seiring dengan popularitas google sebagai mesin pencarian favorit. Pada program anda dapat memasang iklan yang sesuai dengan konten pada situs anda. Anda akan mendapatkan pendapat berdasarkan jumlah klik iklan anda. Setelah anda terdaftar pada indeks pencarian di google.com maka sudah dapat mencoba menggunakan jasa google adsense. Pertama anda harus memiliki google adsense akun terlebih dahulu. Untuk mendaftarkan diri kunjungi alamat google.com/adsense. Klik pilihan sign up untuk mendaftarkan diri. Isi semua kolom sesuai dengan data-data yang anda miliki. Hal yang penting di sini pada pilihan website language (bahasa situs) anda harus memilih bahasa inggris karena untuk bahasa Indonesia belum memiliki konten iklan jadi anda tidak akan mendapatkan iklan. Jadi hal ini tidak semudah yang anda bayangkan karena menulis blog dalam inggris (atau bahasa lain yang telah didukung google adsense) cukup sulit juga mungkin tidaklah semudah yang anda bayangkan untuk mendapatkan ratusan dolar dari adsense sangat bergantung pada trafik dan konten di situs anda. Setelah terdaftar anda tinggal menunggu untuk beberapa Minggu, google akan menilai kelayakan situs anda untuk google adsense. Jika berhasil maka anda akan mendapatkan email notifikasi dari google seperti pada gambar.

98

99

Mengambil kode Adsense Setelah konfirmasi berarti akun google adsense anda sudah diaktifkan. Berbagai petunjuk pengguna dan perjanjian penggunaan juga disertakan pada email notifikasi. Pastikan anda membaca perjanjian penggunaan (terms of use) sebelumnya untuk menghindari akun anda terkena banned karena kecelakaan. Baiklah jika anda sudah siap ke alamat google adsense login dengan username anda saat mendaftar. Setelah anda bisa langsung ke bagian menu konfigurasi dan sub menu produk untuk mengambil kode adsense untuk blog anda. Biasanya pada hari-hari pertama google hanya menampilkan iklan lingkungan hidup atau iklan dari tentang google sendiri. Selanjutnya anda dapat memilih format ukuran dan warna sesuai dengan situs anda. Ada beberapa format iklan yang dapat digunakan pada google adsense sesuai dengan ukurannya di antaranya 336 x 280 (4 iklan, cocok untuk diletakkan di bagian paling atas blog) 728 x 90 (4 iklan, cocok untuk diletakkan di bawah logo situs) 160 x 600 (5 iklan, cocok untuk kolom sisi) 120 x 600 (4 iklan, cocok untuk kolom sisi) 120 x 240 (2 iklan, cocok untuk kolom sisi atau pada sisipan artikel) 468 x 60 (2 iklan, cocok untuk diletakkan pada akhir artikel atau di tengah artikel)

100

Meletakkan adsense pada kolom sisi blog Kolom sisi (sidebar) merupakan salah satu tempat paling pas untuk google adsense. Pada kolom sisi anda mungkin meletakkan format iklan dengan ukuran 120 x 240 (2 iklan) atau 120 x 600 (4 iklan). Berikut ini cara meletakkan iklan google pada kolom sisi.

1. Masuk ke halaman admin pilih menu tampilan lalu sub menu penyunting tampilan.

2. Pilih bagian kolom sisi (sidebar) untuk mengeditnya. Di

sini anda bisa meletakkan kode adsense di antara menu-menu yang telah ada pada kolom sisi.

3. Di sini saya menggunakan theme talian dan meletakkan

iklan pada kolom sisi sebelah kiri di menu paling atas. Setelah memasukkan kode klik perbarui dan lihat hasilnya blog anda (harus online).

101

Meletakkan adsense pada artikel Opsi lainnya untuk meletakkan kode adsense yang cocok adalah pada artikel itu sendiri. Untuk meletakkan kode adsense pada artikel secara manual akan merepotkan karena harus mengatur berbagai macam format saat kita meletakkannya jadi solusinya kita dapat menggunakan plugin adsense deluxe. Pertama anda aktifkan dahulu plugin ini pada menu plugin.

Selanjutnya anda masuk ke menu opsi lalu ke sub menu adsense deluxe. Di sini anda dapat mengatur format tampilan iklan untuk bagian tampilan iklan sebaiknya anda non aktifkan pilihan iklan pada homepage dan arsip untuk mencegah iklan berlebihan pada setiap halamannya. Untuk bagian kode anda

102

bisa langsung memasukkan salah satu kode iklan yang anda miliki, tambahkan juga nama dan deskripsinya untuk keperluan dokumentasi.

Selanjutnya anda klik add adsense block. Seperti yang di sini terdapat berbagai jenis ukuran iklan yang sesuai beserta kodenya. Untuk meletakkan kode pada artikel kita menggunakan ukuran 480 x 60 dengan kode <!--adsense-->

Sekarang anda tinggal menulis artikel seperti biasa lalu saat menulis artikel anda tinggal menyisipkan kode <!--adsense--> untuk memasukkan iklan anda. Di sini anda juga dapat menambahkan format seperti di bawah ini untuk mengatur posisi iklan anda. <divstyle="float:left"> <!--adsense--> </div> Artikel …

103

Demikianlah cara penggunaan google adsense pada blog. Selain google adsense masih ada beberapa lagi program sejenis yang dapat anda guna seperti Yahoo Publisher Network, Adbrite dan sebagainya. Anda juga dapat menambahkan berbagai program afiliasi seperti Amazon widget atau Click bank. Program afiliasi ini untuk mempromosikan berbagai produk atau jasa dari situs lain jika ada yang membelinya dari situs maka anda mendapatkan jasa komisi darinya.

104

7.5 Video Player Sebuah blog rasanya masih belum lengkap tanda adanya sarana multimedia player seperti video. Dengan adanya video pengunjung dapat dengan mudah menangkap berbagai pesan yang ingin anda sampaikan atau sekedar ingin mengutip dari berbagai sumbar lainnya dalam bentuk streaming video. Dalam wordpress anda dapat dengan mudah mengupload dan menampilkan flash video pada blog anda ataupun stream video dari berbagai video portal seperti youtube, google video dan myspace. Salah satu plugin yang sangat baik untuk mendukung tampilan video flash adalah viper video quicktags. Dengan bantuan dari plugin ini anda bisa dengan mudah membuatkan tag video tinggal memasukkan link/url dari video tersebut. Cara menggunakan viper video quicktags

1. Anda aktifkan dahulu plugin viper video quicktags pada menu plugin.

2. Selanjutnya anda masuk ke menu opsi dan sub menu

video quicktags, di sini anda mengatur beberapa opsi dan yang penting anda bisa menambahkan fasilitas show button dari berbagai video portal. Anda juga dapat menambahkan flash video file jika ingin mengupload video.

105

3. Masuklah ke menu tulis sekarang ini sudah terdapat

tombol-tombol video portal yang anda aktifkan sebelumnya pada teks editor.

4. Anda tinggal klik salah satu ikon video portal tersebut

sesuai dengan video portal yang ingin anda streaming lantas anda kopi alamat url video anda.

5. Terbitkan artikel tersebut selanjutnya anda dapat

langsung melihat hasilnya (untuk streaming video harus online).

106

107

108

Bab 8

Mengupload ke Web Server 8.1 Wordpress.com Ngeblog dengan wordpress memiliki dua opsi yakni hosting blog sendiri atau menumpang blog gratis. Wordpress menyediakan situs blog berbasis wordpress gratis siapapun dapat langsung mendaftarkan diri. Situs yang dimaksud tersebut adalah wordpress.com. Saat ini sudah ada tak kurang dari 2100000 pengguna wordpress dengan puluhan ribu pos baru setiap harinya. Hanya saja yang perlu dicatat di sini jika kita menumpang di situs wordpress.com maka fasilitas yang kita dapatkan terbatas beberapa di antara bahkan tidak ada sama sekali atau baru ada setelah upgrade-nya. Bagaimanapun untuk pemula mendaftarkan diri ke situs blog seperti wordpress bukanlah pilihan yang buruk karena di sini sudah punya banyak komunitas penggunanya khususnya dari Indonesia sendiri. Mendaftarkan diri ke Wordpress.com

1. Pergilah ke alamat wordpress.com pada halaman depan klik tanda sign up.

2. Isi data pada formulir sign up sesuai dengan data anda,

untuk password anda masukkan gabungan angka dan huruf biarkan tombol radio untuk mendapatkan blog sesuai dengan username anda.

109

3. Selanjutnya anda akan mendapatkan info aktivasi dari

wordpress dari anda bisa langsung masuk log ke halaman admin wordpress.

110

Seperti yang anda lihat ada beberapa perbedaan antara hosting gratis di wordpress dengan hosting sendiri diantaranya kalau untuk wordpress.com tidak memiliki atau tidak bisa menambahkan plugin, tidak dapat mengedit CSS (harus diupgrade dahulu) dan tidak menambahkan tema sendiri (hanya dapat memilih dari tema yang telah tersedia).

8.2 Hosting Sendiri Untuk mendapatkan kemampuan wordpress yang sepenuhnya anda harus menggunakan jasa web hosting. Saat ini di Indonesia sudah tersedia cukup banyak situs penyedia jasa web hosting. Anda dapat menggunakan fasilitas mesin pencari seperti google untuk dapat menemukannya. Ada beberapa hal yang harus anda perhatikan untuk memilih web hosting berbayar antara lain fasilitas dan dukungan yang diberikan, harga, paket yang diberikan dan keamanan.

111

Hal yang pertama yang perlu kita lakukan ialah mendaftarkan atau mengecek alamat domain ke web hosting. Setelah kita mendaftarkan nama domain kita dapat memilih paket hosting seperti yang kita inginkan. Di sini banyak web hosting yang memberikan tawaran menarik dan anda dapat membandingkannya sendiri. Untuk blog wordpress anda butuh setidaknya space 10 Mb ke atas. Setelah anda melakukan registrasi domain dan hosting maka anda akan mendapatkan email berisi username dan password da alamat link untuk dapat masuk ke Cpanel. Pada email tersebut biasanya juga akan terdapat kontak bantuan/support yang anda dapat gunakan jika anda mengalami suatu masalah atau sekedar mengajukan pertanyaan. Setidaknya ada dua cara untuk menginstal wordpress ke situs anda yakni dengan cara upload atau dengan cara instal melalui fantastico (fasilitas menginstal CMS dalam sekali klik), untuk web server berbayar biasanya sudah tersedia installer script wordpress melalui menu fantastico. Jika anda menggunakan upload mungkin akan memakan waktu lebih lama ketimbang fantastico dan saya untuk memilih web hosting yang memiliki fasilitas ini. Cara menginstal wordpress melalui fantastico

1. Masuklah ke halaman cpanel web server anda. Pada halaman depan anda pilih menu Fantastico deluxe.

2. Pada layar berikutnya anda pilih wordpress pada menu sebelah kiri.

112

3. Selanjutnya anda masukkan nama domain anda, direktori tempat anda menginstal beserta username dan password untuk halaman admin.

4. Jika anda baru mendaftar kemungkinan masih berkas

public html bawaan dari web server untuk anda harus menghapusnya dahulu, kembali ke halaman panel . Pilih menu file manager lantas anda pilih folder public html dan anda hapus semua berkasnya.

113

5. Anda dapat melanjutkan kembali proses instalasi

sekarang tunggu sampai proses instalasi selesai setelah itu anda bisa mendapat email notifikasi tentang detail penginstalan wordpress anda.

6. Selamat sekarang wordpress sudah terinstal pada situs

anda kini anda tinggal mengisi blog anda dengan berbagai artikel.

114

Daftar Pustaka Situs resmi Wordpress www.wordpress.org Ensiklopedia online Wikipedia www.wikipedia.org Internet Tutorial www.easywebtutorial.com

115

Tentang Penulis

Budiarto lahir di Jakarta, 17 Oktober 1986. Aktivitas penulis saat ini adalah sebagai mahasiswa Universitas Indonesia jurusan Ilmu Informasi dan Perpustakaan juga sebagai mahasiswa di STI&K Jakarta (Sekolah Tinggi Ilmu Komputer) jurusan Sistem Informasi (kelas malam). Saat ini penulis juga aktif sebagai penulis berbagai artikel tutorial di berbagai situs e-learning/komunitas opensource. Penulis dapat dihubungi melalui email budiarto_10@hotmail.com atau melalui situs blog www.azureice.info .