1. Setelah login, klik “Kelola” atau “Manage”
2. Klik Ekspor
3. Klik Unduh Berkas Ekspor -> Simpan di komputer Anda.
4. Selesai.

Catatan:

• Kalau Anda cukup rutin menulis di blog, maka back-up semacam ini perlu dilakukan secara berkala (mingguan, bulanan, kwartal atau semesteran tergantung kepantasan)
• Apabila ternyata “mimpi buruk” yang tak diinginkan (blog wordpress kita ditutup), maka kita tinggal buat account baru di wordpress.com juga atau di edublogs.org.
• Back-up semacam ini juga berguna ketika kita pindah ke hosting sendiri. Caranya dengan mengupload file ekspos tadi ke blog wordpress baru kita, lebih lengkap lihat di sini.

Anda suka foto atau koleksi gambar, tentu Anda butuh flickr.com untuk menyimpannya. Kalau Anda suka menyimpan link-link menarik dari sejumlah situs, Anda tentu butuh punya account di del.icio.us, bookmark online terpopuler. Baik flickr.com maupun del.icio.us dapat Anda taruh di wordpress.com milik Anda, karena keduanya sudah built-in menjadi bagian wordpress.com. Tugas Anda tinggal mengaktifkannya dan menaruhnya di sidebar kalau Anda suka. Ikuti tutorial praktis berikut:

Langkah pertama, naikkan widget flickr atau del.icio.us ke sidebar Anda. Setelah itu ikuti rincian berikut:

Wodget Flickr

1. Di menu “URL RSS Flickr” -> masukkan alamat feed RSS flickr Anda.

2. Judul -> isi judul yang Anda inginkan

3. Berapa foto yang ingin ditampilkan -> pilih jumlah di menu drop-down.

4. Setelah itu, klik simpan perubahan atau “Update change”

Widget Delicious

1. Di widget title -> kasih judul
2. Di del.ico.us login -> masukkan login delicious Anda. Contoh, bloggerindonesia
3. Number link -> tulis jumlah link yang ingin Anda tampilkan.
4. Selesai. Klik Simpan Perubahan atau Save Update.

Catatan untuk widget Flckr:

Widget flickr harus di isi dengan RSS Feed flickr yang akan dimasukkan.

Contoh RSS feed flickr.
1. silakan kunjungi http://flickr.com/photos/bloggerindonesia
2. Di bagian paling bawah ada tulisan “Subscribe to bloggerindonesia’s photos”.
3. Klik di kata “Latest” –> klik kanan mouse –> copy shortcut (untuk IE) atau copy link location (untuk firefox) -> klik (link RSS feed dah tercopy)
4. Masukkan / paste ke widget flickr Anda. Selesai

Di WordPress.com, mengaktifkan widget di sidebar atau kolomsisi boleh dikatakan “wajib”, sebab tanpa itu kita tidak akan dapat menambah aksesoris blog sesuai dengan yang kita inginkan. Aksesoris yang saya maksud, seperti yang bisa Anda lihat di sidebar blog ini, seperti Text Area, RSS dari blog lain, Recent Comment/Pembaca Terbaru mybloglog.com, dan lain-lain. Ikuti tip praktis berikut untuk mulai mengaktifkan widget blog Anda di sidebar.

1. Setelah login -> klik “Tampilan” atau “Presentation”
2. Klik “Widget”
3. Ada menu “Widget yang Tersedia”, di bawahnya ada kotak-kotak kecil (widget) -> Tarik kotak yang Anda inginkan ke “Kolom Sisi” atau “Sidebar” di atasnya. Contoh, tarik widget “Tulisan Terbaru” ke atas.

Tip: Cara narik: arahkan mouse ke widget -> klik kiri terus-menerus ->tarik ke “Kolom Sisi” atau “Sidebar”

4. Klik “Simpan Perubahan” atau “Update Change” (lihat bagian sebelah kanan atas dan/atau bawah).

5. Selesai. Widget Anda sudah aktif. Sidebar blog Anda sudah diisi widget. Ulangi hal serupa untuk memindahkan widget-widget lain yang masih “nganggur” di bawah. Seperti widget “Arsip”, “Komentar Terbaru”, “Meta”, “Teks”, “RSS”, dan lain-lain.

Catatan:

• Untuk widget TEXT, setelah dinaikkan ke sidebar/kolom-sisi, Anda perlu mengeditnya supaya berfungsi. Caranya, klik dua-kali TEXT tersebut, setelah itu isi dengan kode html yang Anda inginkan. Contoh, isi kode tukar link saya:

<a href="http://fatihsyuhud.com/" title="Blogger Indonesia" target="_blank"> <img src="http://fatihsyuhud.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"></a>

Setelah itu, klik “Simpan Perubahan” atau “Update Changes”

• Untuk widget RSS, setelah naikkan, klik dua kali di kotak kecil widget tersebut, setelah terbuka isi RSS blog atau situs yang ingin Anda pasang. Contoh, pasang RSS ini -> http://feeds.feedburner.com/fatihsyuhud
  Jangan lupa menyimpan dengan cara klik “Simpan Perubahan” atau “Update Changes”.

“Ok, ok saya buatin.” Begitu jawaban saya pada beberapa email yang meminta saya untuk memberi tutorial step by step cara membuat blog gratis di wordpress.com. Awalnya saya agak ogah-ogahan karena saya pikir sangat mudah. Tapi karena banyaknya permintaan dari kalangan yang mungkin betul-betul baru di dunia internet, maka tutorial ini saya dedikasikan khusus buat mereka– para calon blogger potensial. Semoga kehadiran mereka semakin menambah semarak dunia blogosphere Indonesia. Tutorial di bawah ini merupakan serial panduan membuat blog di wordpress.com bagi yang pemula (sekali). Insyaallah akan diteruskan pada tulisan-tulisan selanjutnya. Untuk seri tutorial blogger.com/blogspot, silahkan mulai dari sini.

1. Buka www.wordpress.com
2. Klik Sign Up
3. Isi form
a. Username: -> isi nama blog sesuai dengan keinginan (paling sedikit empat huruf/angka)
b. Password: Isi password/kata sandi (sedikitnya enam huruf/angka)
c. Confirm: Ulangi password yang sama dengan di atas.
d. Email Address: Isi email Anda (apabila belum punya email, buat dulu di gmail.com atau yahoomail.com)
e. Legal flotsam: beri tanda tik di kotak yang tersedia sebagai tanda “setuju” dengan perjanjian.
f. Beri tanda tik pada menu “Gimme a blog” (biasanya sudah otomatis ada tanda tik di sini).
g. Klik “Next”
h. Blog Title -> Isi judul yang sesuai.
i. Language -> Pilih Bahasa Indonesia.
j. Privacy -> Kasih tanda tik (biasanya sudah ada otomatis).

4. Klik Sign Up
5. Akan muncul pesan sebagai berikut:

Your account is now active!
You are now logged in as (username Anda).
An email with your username, password, Akismet API key and important links has been sent to your email address.
Write a post, change your template or visit the homepage.

5. Itu berarti Anda sudah berhasil membuat blog. Silahkan login ke blog Anda. Berikut alamat penting untuk Anda:
a. Untuk login, buka: http://namabloganda.wordpress.com/login.php
b. Isi username (=nama blog) dan password.
c. Klik “Write” atau “Tulis” untuk mulai membuat posting.
d. Klik “Publish” atau “Tampilkan”

6. Selesai (kalau mau udahan, jangan lupa klik “Log Out”).

Catatan:

• Di wordpress.com, satu account hanya untuk satu blog. Ini berbeda dengan blogger.com/blogspot di mana satu account bisa untuk membuat beberapa blog.
• Kelebihan wordpress.com dibanding blogger.com adalah (1) comment friendly: pengunjung mudah berkomentar karena kotak komentar langsung terbuka di bawah posting. Bagi Anda yang suka dikomentarin, wordpress cocok untuk Anda; (2) Posting terbaru akan muncul beberapa saat di Dashboard (Menu Utama) seluruh pemakai wordpress.com, apabila posting Anda cukup menarik Anda juga berkesempatan masuk BOTD (best of the day) yakni 10 posting terbaik hari itu dan akan muncul selama sehari di Menu Utama (Dashboard) seluruh pemakai wordpress.com. Untuk BOTD ini diklasifikasi berdasar bahasa. Pastikan Anda memilih Bahasa Indonesia pada saat mendaftar (lihat poin 3.i.)
• Kekurangan wordpress.com dibanding blogger.com/blogspot adalah javascript tidak berfungsi (disabled) artinya Anda tidak bisa memasang iklan apapun–AdSense, Adbrite, dll–di wordpress.com. Tidak masalah buat blogger yang memang betul-betul ingin ngeblog saja, tanpa ada niat untuk iseng-iseng pasang iklan. Bagi yang ingin pasang iklan, dapat juga di blog gratis yang pakai software wordpress juga seperti blogsome.com atau blogs.ie. Sayangnya, kedua penyedia blog gratis ini masih memakai software wordpress lama (tak ada fasilitas widget, dan lain-lain).

Selamat ngeblog di wordpress.com

Deretan menu di blog saya bagian atas seperti “About”, “Refleksi”, “Opini”, “Tip Menulis”  itu adalah salah satu ciri khas dari blog dalam wordpress yang tidak ada di blogger.com/blogspot. Dalam istilah WordPress itu disebut Pages atau Halaman. Pages atau Halaman ini adalah halaman statis yang tidak masuk dalam arsip posting.  Apa gunanya? Lihat keterangannya di bawah. Berikut cara membuat Pages atau Halaman (statis) di WordPress.

1. Setelah login, klik “Tulis” atau “Write”
2. Klik “Halaman” atau “Page”
3. Di “Judul Halaman” -> tulis nama halaman. Contoh, “Refleksi” atau “Bukutamu”
5. Klik menu “Terbitkan” atau “Publish”
6. Selesai. Anda sudah berhasil membuat Pages/Halaman statis di blog Anda.

Apa isi atau fungsi Pages/Halaman?

Macam-macam, terserah Anda. Isinya bisa berupa keterangan diri seperti di About blog saya atau daftar link-link posting blog Anda atau bisa juga berupa link-link situs penting atau blogrolls, dll.

Cara Mengedit Pages/Halaman

1. Klik “Kelola” / “Manages” -> klik Halaman / Pages
2. Klik Pages/Halaman yang baru Anda buat tadi. Contoh, Refleksi.
3. Isi kotak posting sesuai yang Anda inginkan.

1. Buat ANCHORNAME seperti ini < A NAME=”pendahuluan”> Tulis apa saja di sini atau dikosongin aja </A>
Taruh anchor name ini di mana saja yg Anda mau, sebagai contoh, saya taruh anchor link ini sejajar dengan kata “Pendahuluan” di atas. Jadi seperti ini
<A NAME=”pendahuluan” > Pendahuluan</A>
Catatan: Kalau ANCHORNAME ditaruh sejajar dengan kata “pendahuluan”, maka link akan mengarah ke bawahnya kata “pendahuluan”, kalau ANCHORNAME ditaruh di atasnya kata “pendahuluan”, maka ketika linkname diklik akan mengarah persis ke kata “pendahuluan”. Untuk lebih jelasnya, silahkan Anda coba-coba sendiri.

2. Buat link name yg diarahkan ke anchor link tersebut, begini kodenya:
<A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan”> Kembali ke atas </A>
Kode no.2 akan berbentuk link yg kalau diklik akan mengarah ke anchor name yg kita tentukan. Dalam kasus saya kata “Pendahuluan”.

Coba lihat hasilnya, klik link berikut: Kembali ke atas

Catatan:

1. Anchor name yg berupa “pendahuluan” bisa diganti dg kata lain yg anda suka yg penting harus sama dg link name-nya.

2. Unsur LINK NAME adalah permalink URL + #linkname. Jadi url mengarah ke permalink halaman/posting yang sama. Sebagai contoh, permalink posting ini adalah http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/
maka linkname-nya adalah < A href=”http://afatih.wordpress.com/2007/11/04/membuat-link-dalam-satu-halaman/#pendahuluan” > Kembali ke atas </A>

3. Fungsi lain dari link-dalam-satu-halaman ini adalah untuk footnote, bagi blogger yg membuat tulisan ilmiah dg memakai footnote di halaman yg sama di blognya. Dalam kasus footnore ini, maka ANCHOR NAME diletakkan di footnote, sedang LINKNAME ditaruh di kata-kata tulisan Anda yg merujuk ke footnote. Contoh sangat bagus tulisan ilmiah yang memakai cara ini silahkan lihat tulisan Martin van Burinessen–sarjana Belanda mantan dosen di UIN Ciputat dan Sunan Kalijaga–di sini.

Eh tes lagi yuk, Kembali ke atas

Di wordpress, “Komentar Terbaru” sidebar di blog ini pada dasarnya memakai konsep ANCHORNAME – LINKNAME ini.

Salam ngeblog.

1. Kunjungi Encode Decode HTML Converter di sini.

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “Kode” atau “Code” sebelum memasukkan kode html yang sudah di-encode tadi.

1. Setelah Anda mengklik ‘Send Editor’ foto ke posting di wordpress, klik menu “Kode” atau “Code” yang terdapat di bawah judul.
2. Di akhir link image (sebelum tanda …/> </a>)tambahkan kode berikut
border="0" style="float: left; margin: 0px 10px 10px 0px"
3. Klik menu “Visual” setelah tampilan ok, klik “Tampilkan” atau “Publish”
4. Selesai.

Catatan:
Kata “left” berarti posisi foto/gambar di sebelah kiri, ubah menjadi “right” kalau ingin menaruhnya di sebelah kanan.

Tips bagi yg belum tahu sama sekali cara pasang foto di posting wordpress:

1. Di bagian paling bawah kotak posting, klik menu “Browse” –> pilih foto/gambar/image di komputer.
2. Kasih judul dan deskripsi di menua “Judul” dan “Deskripsi” –> ini tidak wajib, cuma menambah visibilitas di search angine.
3. Klik Upload
4. Setelah nongol fotonya, arahkan mouse ke kotak posting bagian mana foto akan ditempatkan. Contoh, klik di bagian kiri atas.
5. Kembali ke foto, klik menu “Kirim ke editor” atau “Send to editor”
6. Klik menu “Kode” atau “Code” dan tambahkan kode berikut di akhir link sebelum kode … /> </a> :
border="0" style="float: left; margin: 0px 10px 10px 0px"
7. Klik menu “Visual” untuk melihat hasilnya. Kalau puas, klik “Tampilkan” atau “Publish”
8. Selesai.

Untuk Memperkecil atau Memperbesar Foto di Posting Tulisan

Untuk edit memperkecil atau memperbesar foto di posting: setelah upload dan “Kirim ke Editor”,

1. Pastikan mode posting “Visual” bukan “Kode / Code”.

2. Klik foto tersebut, setelah itu arahkan mouse ke bagian pojok foto. setelah mouse menunjukkan tanda panah dua arah, geser ke dalam (sama dg cara edit foto di snipshot) sampai sesuai ukuran yg diinginkan. Cara ini juga bisa digunakan untuk blogger.com / blogspot.

Untuk Edit posisi foto di posting blogger.com / Blogspot

Setelah foto diupload di posting blogger.com / blogspot, akan tampak foto dan posting tidak sejajar / bersebelahan. Untuk membuat posting Anda bersebelahan dengan paragraf pertama, ikuti langkah berikut:

• Klik menu “Compose” (bagian kanan atas kotak posting);
• Arahkan mouse cursor ke kata pertama dalam tulisan -> klik
• Tekan Backspace keyboard Anda. Maka tulisan akan naik, teruskan sampai sejajar dengan foto.

Caranya tidak sulit bahkan sangat mudah. Ikuti tip praktis berikut:

Jangan lupa sebelum mengikuti langkah ini pastikan widget Anda sudah diaktifkan.

1. Naikkan widget Text atau Teks ke sidebar;
2. Klik dua kali bagian kanan widget tersebut sampai terbuka kotak kosong;
3. Copy/paste kode berikut, dan ganti kata-kata dan link-image / foto dengan kata-kata dan link url foto Anda

<a href=”http://afatih.files.wordpress.com/2007/12/topi.jpg” title=”A. Fatih Syuhud”><img border=”0? src=”http://afatih.files.wordpress.com/2007/12/topi.thumbnail.jpg” alt=”A. Fatih Syuhud” style=”float:left;margin:0 10px 10px 0;” /></a> I’d love to see many more Indonesian bloggers blog in English, the most-widely-understood world language. So that the world knows and understands more about Indonesia by reading anything written by Blogger Indonesia. Don’t let your voice echoes only in your backyard.

4. Klik “Update change” atau “Perbarui perubahan”
5. Selesai.

Catatan:
1. Kalau belum upload foto, silahkan upload dulu foto Anda yang ganteng dan cantik di wordpress Anda, atau googlepages.com, atau flickr dll.
2. Copy link imagenya (biasanya berakhiran “.jpg” atau “.gif” dll ) dan ganti link image saya di atas dengan link image milik Anda.

Selamat ngeblog,

Yang terpenting lagi, kita tak dapat memasang shoutbox atau guestbook di sidebar kita. Karena, ya itu tadi, shoutbox memakai javascript. Tapi jangan kuatir, ada juga cara mudah untuk membuat bukutamu / guestbook di wordpress. Ikuti langkah praktis berikut:

1. Setelah login, klik “Kelola” atau “Manage”
2. Klik “Halaman” atau “Pages”
3. Klik “Buat Halaman Baru” atau “Create New Page”
4. Kasih nama “Bukutamu” atau “Guestbook”
5. Klik “Terbitkan” atau “Publish”
6. Selesai. Anda sekarang sudah punya bukutamu yang akan ditampil di bagian menu blog Anda.

Lebih dari satu pertanyaan di atas diungkapkan pembaca di kotak komentar blog ini. Mengetahui link dari file / images yang kita unggah (upload) di wordpress memang agak sulit kalau files yang kita upload tadi tidak di-attach-kan ke posting atau pages. Karena itu, setiap upload files atau images hendaknya dimasukkan ke posting artikel atau Pages. Ikuti tutorial praktis berikut:

Upload Files / Berkas

1. Klik “Tulis” atau “Write”
2. Di menu “Unggah” atau “Upload” di bawahnya kotak posting, klik “Browse” -> pilih files yang akan diupload. Anda bisa memberi judul dan deskripsi di kotak yang tersedia di bawahnya (opsional alias tidak wajib).
3. Klik “Unggah” atau “Upload”
4. Setelah file masuk -> arahkan mouse ke kotak posting di bagian yang diinginkan -> klik “Kirim ke Editor” atau “Send to Editor”
5. Apabila mode posting dalam keadaan “Kode” atau “Code” maka akan tampak link files. Apabila mode posting “Visual” klik mode “Kode” atau “Code” untuk mengetahui linknya.

Sebagai contoh, saya akan mengupload file berjudul “Amerika dan Islam Liberal”, setelah melalui proses di atas, maka saya taruh file di sini -> Amerika dan Islam Liberal, maka dalam mode posting “Kode” tampak link file sbb: <a href=’http://afatih.files.wordpress.com/2008/03/amerika-dan-islam-liberal.doc’>Amerika dan Islam Liberal</a> –> inilah link untuk download.

Cara Upload Images (Gambar, foto, grafik)

Caranya sama dengan di atas yaitu:

1. Klik “Tulis” atau “Write”
2. Di menu “Unggah” atau “Upload” di bawahnya kotak posting, klik “Browse” -> pilih files yang akan diupload. Anda bisa memberi judul dan deskripsi di kotak yang tersedia di bawahnya (opsional alias tidak wajib).
3. Klik “Unggah” atau “Upload”
4. Setelah file masuk -> arahkan mouse ke kotak posting di bagian yang diinginkan -> klik “Kirim ke Editor” atau “Send to Editor”
5. Apabila mode posting dalam keadaan “Kode” atau “Code” maka akan tampak link images. Apabila mode posting “Visual” klik mode “Kode” atau “Code” untuk mengetahui linknya.

Sebagai contoh, saya upload gambar kucing lagi santai. Saya taruh gambar ini di awal tulisan (kiri atas), maka saya arahkan mouse ke tempat yang saya inginkan. Saya klik “Send to Editor”. Dalam mode “Kode” atau “Code” maka akan tampak link berikut:
<a href='http://afatih.files.wordpress.com/2008/03/c9.jpg'> <img src='http://afatih.files.wordpress.com/2008/03/c9.thumbnail.jpg'/> </a>

Link untuk images adalah
<img src='http://afatih.files.wordpress.com/2008/03/c9.thumbnail.jpg'/> </a>

1. Setelah login ke account wordpress Anda, Klik menu “tulis” atau “write”
2. Di bawah kotak judul / title sebelah kanan, ada menu VISUAL dan HTML –> klik menu HTML
3. Di bawahnya ada deretan menu b i link. Klik menu “more”, maka di kotak posting Anda akan keluar tulisan <!–more–>
4. Tulisan atau posting Anda yang ingin Anda tampilkan di halaman maka harus berada di atas <!–more–> , sedang posting / artikel yang ingin anda “sembunyikan” yang baru tampak setelah pembaca mengklik “read more” taruh di bawahnya <!–more–> Mudah bukan?
Salam ngeblog,