Hal ini memang masalah sepele, tapi sangat berguna jika kita rajin melakukannya. Sering terjadi database kita hilang akibat maintenance dari server, hilang ketika  meng-upgrade wordpress, ataupun dengan sebab yang tidak kita sengaja.Alhasil  seluruh posting kita hilang tak bersisa. Kita dapatmenghindarinya dengan membackup database. Yah nggak usah sering-sering lah di back up… back up jika dirasa perlu.

Saya akan mencoba menulis tutorialnya!

Pertamax, masuk dulu ke control panel / cpanel web hosting kita.

Selanjutnya, masuk ke PHPMyAdmin database yang kita gunakan saat ini, untuk hostingan byethost, tampilannya seperti ini:

lalu pilih database yang kita gunakan saat ini (connect to this database:

selanjutnya kita akan disuguhi tampilan PHPMyAdmin sbb (gambar telah diperkecil, klik untuk memperbesar):

klik tab “EXPORT” pada halaman tersebut (ditandai merah)

selanjutnya, akan muncul halaman seperti berikut (gambar telah diperkecil, klik untuk memperbesar):

pilih yang di tandai merah… lalu klik tombol go yang terletak pada pojok kanan bawah.

Selanjutnya akan muncul pop up download .zip. save file zip tersebut di dalam harddisk kita.

Selesai.

Lalu, bagaimana cara menggunakannya?

Kita import ke database kita melalui tab import (gambar telah diperkecil, klik untuk memperbesar):

pilih file zip tadi, lalu klik tombol “go” di pojok kanan bawah.

Mudah kan?

Setelah kemaren mebuat animasi pergerakan warna, kita akan mencoba mmbuat scrolled text alias text berjalan gambar gif menggunakan photoshop. Mari kita buka photoshopnya…

Buat dokumen baru, file>>new. Pilih ukuran gambar, saya mengunakan ukuran 250 x 50 pixel.

Jangan lupa tampilkan jendela animation di “windows” > “animation

Okay, selanjutnya buat layar baru, yang berisi text yang kita tampilkan. Klik “new layer” pada jendela layer:

setelah itu klik text tool yang ada di sebelah kiri,

kemudian kettikan tulisan yang ingin kita animasikan, saya mengetikkan “antoro.net”

Beralih ke jendela animasi. Disini kita akan membuat text tersebut berjalan dari ujung kanan ke ujung kulon… eh ujung kiri. Jadi pada frame pertama pada jendela animasi, geser tulisan tadi ke kanan dengan menggunakan arah kanan pada keyboard. Kita bisa juga menggunakan mouse, tapi kalau tidak cermat, nanti animasinya tidak berjalan mulus. Geser ke kanan sampai ujung depan tulisan tidak terlihat lagi,

kemudian, klik duplicate selected layar pada jendela animasi,

klik frame kedua (yang di duplikasi tadi). Kemudian kita geser text tadi ke kiri memakai arah kiri keyboard sampai ujung belakang tulisan tidak terlihat.

Agar gerakan text berjalan dengan mulus, kita berikan frame tambahan dengan meng-klik “tween animation frames” pada frame pertama,

lalu akan muncul jendela seperti berikut:

Pada tween with, pilih yang next frame.

Pada frame to add, masukkan jumlah frame yang kehendaki, masukkan angka lebih dari 5 bila ingin animasi berjalan mulus, saya menggunakan “15″, lanjutkan dengan klik OK.

Agar animasi terus berjalan, pilih yang “forever”. kemudian tekan tombol play dalam jendela animasi, kira-kira hasilnya akan seperti ini…

Whoops! Hampir lupa, untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S

Pilih file gif, lalu save, muncul jendela save, masukkan nama gambar, dan save.

MEMBUAT FAVICON AGAR BERGERAK

Caranya hampir sama, cuma ukuran standard favicon adalah 16 x 16 pixel (sempat tidak sempat harus enambelas, lhoh!). Buat aja ukuran 16 x 16 pixel, lalu ikuti langkah di atas untuk menganimasikan. Kemudian yang paling penting adalah cara save gambar favicon tersebut. Favicon memiliki extensi gambar .ico (yang pada photoshop CS 3 yang saya pakai tidak ada). tapi kita bisa mengakalinya dengan mengetikkan sendiri. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S, pilih gambar gif, kemudian save.

Nah, setelah itu akan muncul jendela save, masukkan nama untuk gambar favicon diikuti dengan .ico contohnya “favicon.ico” lalu save.

Maka kuluangkan waktu untuk menulis artikel ini (di sela-sela tugas kuliah yang seabreg.. refreshing…)

Oke, kita download dulu plugin-pluginnya.

Plugin yang pertama namanya smiley themer.

Download smiley themer di sini

Gunanya smiley themer adalah untuk menggenerate kode-kode menjadi gambar smiley (bingung? ntar juga tau, pokoknya download aja!)

Plugin yang kedua namanya smiley themer toolbar.

Download smiley themer toolbar di sini

Gunanya untuk menampilkan smiley biar tampil di halaman write-post (saat kita menulis artikel) sehingga mempermudah kita untuk memilih gambar smiley emoticons (tinggal klik, langsung masuk ke post, kira kira seperti itu)

Setelah semua terdownload, upload lah plugin tadi ke direktori plugin kamu lewat file manager hostingan kita(tau kan?) htdocs > wp-contents > plugins

Jika sudah terupload, aktifkan kedua plugin tadi di wordpress kamu.

Plugin smiley themer sudah berisi emoticons bawaan yang standard. Yah seperti smiley di Yahoo Messenger itu lah, cek aja di menu setting > smiley themer, ada banyak pilihan!

Tapi di situ masih belum ada smiley lucu dan aneh seperti onion head, crazy rabbit, monkey dan lain lain. Nah untuk memasangnya, kita harus download emoticons nya terlebih dahulu.

onion head

crazy_rabbit (scriptnya buatan kuw!)

monkey (scriptnya buatan kuw jg!)

Terus masuk ke file manager lagi, masuk ke direktori htdocs>> wp-content >> plugin >> smiley themer

Upload emoticonnya dalam direktori tersebut. Aktifkan smiley tadi lewat dashboard wordpress kita di setting, cari menu smiley themer, pilih emoticons yang tadi telah diupload dan aktifkan.

Sekarang coba menulis posting baru, pada samping kanan pasti akan muncul list smiley yang banyak banget, tinggal klik saja smiley tersebut, nanti akan masuk ke dalam post berupa kode seperti misalnya :smile:, nah kode itu tadi yang akan memanggil gambar smiley untuk tampil ke dalam post. Mudah kan?

Oke, dalam membuat animasi dengan photoshop, kreativitas kita sangat dibutuhkan di sini, saya hanya memberikan tutorial dasarnya saja, dan nanti teman-teman bisa mengembangkannya.

Photoshop yang saya digunakan di sini adalah photoshop CS3, photoshop CS2 juga bisa digunakan (Saya belum tahu apakah photoshop versi lama bisa)

Buka Adobe photoshop, mari kita membuat animasi…

Sudah dibuka lom? (apanya yah?) hehe ya photoshopnya!

Langkah pertama yang paling penting adalah mengeluarkan tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation”

Sampai muncul window kayak gini:

Siap untuk animasi… pertam apa yah? ehm… animasi warna dulu deh…

Animasi warna

Kita akan mebuat animasi warna sederhana, yaitu perubahan warna merah, kuning dan hijau (kayak lampu lalu lintas aja.. wekekek)

Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 200 pixel, lalu oke

Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaran dulu, selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…”.

Atur sedemikian rupa sesuai selera. Ini lingkaran yang saya buat:

ini tampilan dalam jendela layer:

dan ini tampilan dalam jendela animation:

Sekarang tinggal kita mainkan layer-layernya untuk membentuk sebuah animasi.

Wokey, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:

Yup, seperti rencana kita, kita akan mebuat lingkaran tadi menjadi animasi seperti lampu traffic light, untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning dan hijau, sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah :

Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer kuning. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Oh iya jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi.

Dalam jendela animation akan terlihat seperti berikut:

klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di samping kanan tulisan 0 sec.

pilih waktu sesuai keinginan, begitu pula di frame-frame berikutnya.

Oh iya, agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah:

Wokey… kira-kira hasilnya seperti ini…

Untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S

Terus, gimana caranya membuat animasi yang lain seperti scrolled text alias text berjalan? akan saya berikan di session berikutnya… hehehe…. soalnya dah capek nulis… hihihi

*Membuat animasi gambar bergerak gif dengan photoshop bag.2

Oke, ini dia cara menyetting google XML sitemap di wordpress kita.

Pertama download dulu google XML sitemap di sini

setelah itu upload lewat file manager, masukkan ke foder plugins yang letaknya di htdocs>wp-content>plugins (file manager byethost .red)

Aktifkan plugin tersebut di menu plugin.

Kemudian buka konfigurasi setting XML sitemapnya, yang berada di dalam menu Setting, kemudian cari XML sitemap.

Nah pada kolom status, klik build sitemap. Plugin ini akan otomatis membangun sitemap, setelah itu coba cek sitemap kita dengan mengetikkan, www.alamatkamu.com/sitemap.xml lihat juga XML sitemap punya saya

Oke kalau sudah selesai, saatnya kita daftarkan alamay sitemap yang sudah kita buat tadi ke google webmaster tools. Google webmaster tools adalah tools gratis milik kita yang sangat berguna untuk menyetting dan melihat keberadaan kita di google search engine.

Sudah punya account gmail? kalo sudah, tinggal login aja di google webmaster tools., kalo belum, daftar dulu!

Sebelum kita menambakan XML sitemap kita ke google webmaster tools, masukkan alamat blog kita di situ. Seperti gambar di bawah ini (google webmaster pake bahasa indonesia)

lalu klik tombol tambahkan situs, setelah itu kita akan disuguhi notifikasi seperti ini:

Klik verivikasi (dilingkari merah dalam gambar!)

Setelah itu kita akan diberi pilihan untuk metode verifikasi, yang paling mudah adalah menambahkan meta tags. Jadi gunakan yang tambahkan meta tags.

Otomatis akan muncul kode copy kode tersebut, kode tersebut harus kita masukkan ke wordpress jadi masuk ke dashboard wordpress kita.

Klik appearance, pilih themes editor. Klik lagi yang header.php.

Kode tersebut harus di paste pada bagian <head> pertama, sebelum bagian <body>.  contohnya seperti gambar di bawah (klik untuk memperbesar):

Setelah selesai, klik tombol update file.

Kita kembali ke halaman webmaster tools, langkah selanjutnya adalah klik tombol verifikasi.

Jika berhasil, akan tampil notifikasi “Anda telah berhasil melakukan verifikasi http://alamatkamu.com”

Nah, saatnya kita masukkan sitemap.xml blog kita tadi ke dalam google webmaster tools. Masih ingat kan alamat XML nya? yang seperti ini lho, http://alamatkamu.com/sitemap.xml

Oke, kalo sudah siap, kita klik link dasbor yang letaknya ada di kiri atas halaman.

Kita akan di bawa ke halaman utama webmaster tools kita,. Untuk memasukkan sitemap kita, klik link tambah, pada menu peta situs, seperti gambar di bawah:

setelah klik link tambah tadi, kita akan menuju halaman untuk memasukkan sitemap tersebut, masukkan tulisan sitemap.xml seperti pada gambar berikut:

Setelah selesai, klik mengirim peta situs…. selesai deh… tinggal tunggu saja google mengindex seluruh halaman blog kita.

Ehmmm bentar…

Oh iya, gunakan juga google webmaster ini untuk banyak hal, seperti melihat kata apa yang diindex google dari blog kita. Pelajari saja google webmaster tools ini, agar lebih jelas, buat yang gak bisa bahasa was wes wos, ganti dengan bahasa indonesia, hahaha

Jika ada yang masih ingin ditanyakan, silakan tinggalkan pertanyaan di comment form di bawah ini, jangan di shoutbox, okay…

Selamat mencoba.

Oke, ini dia caranya:

Pertama login di facebook kita (dalam tutorial ini, facebook saya berbahasa indonesia :tea:  )

Kemudian ketikkan alamat seperti di bawah ini (ato klik aja link dibawah):
http://www.facebook.com/editnotes.php?import

Maka akan muncul halaman seperti ini:

Nah, pada kolom URL Web, masukkan RSS feed kita, misalnya RSS blog saya, yaitu http://www.antoro.net/feed

lalu contreng “Dengan memasukkan ALAMAT…” lanjutkan dengan klik tombol mulai mengimpor.

Setelah berhasil, maka akan muncul notifikasi sebagai berikut:

Nah sekarang tinggal cek deh halaman profil facebook kita, apakah sudah muncul seperti di facebook saya… hehe

Selamat mencoba…

Kali ini saya akan bercerita, eh tepatnya memberi saran bagaimana caranya pindahan posting. Maksudnya memindahkan seluruh posting dari blog lama (misal: http://www.blogkugitu.co.cc) ke blog baru wordpress(misal: http://www.geje.com).

Artikel ini terinspirasi dari banyaknya teman-teman yang sekarang memiliki blog dengan hosting sendiri dan domain baru, yang sayang untuk meninggalkan posting di blog lamanya. Sebenarnya ada cara mudah yang disediakan oleh wordpress agar kita dapat memindahkan posting dari blog lama kita menuju blog baru. Caranya tidak rumit, bahkan sangat simpel.

Caranya yaitu kita menggunakan Tools yang disediakan oleh wordpress.

WordPress dapat meng-import posting-posting dari penyedia layanan blog seperti:

Blogger	Import posts, comments, and users from a Blogger blog.
Blogroll	Import links in OPML format.
Blogware	Import posts from Blogware.
Bunny’s Technorati Tags	Import Bunny’s Technorati Tags into WordPress tags.
Categories and Tags Converter	Convert existing categories to tags or tags to categories, selectively.
DotClear	Import categories, users, posts, comments, and links from a DotClear blog.
GreyMatter	Import users, posts, and comments from a Greymatter blog.
Jerome’s Keywords	Import Jerome’s Keywords into WordPress tags.
LiveJournal	Import posts from a LiveJournal XML export file.
Movable Type and TypePad	Import posts and comments from a Movable Type or Typepad blog.
RSS	Import posts from an RSS feed.
Simple Tagging	Import Simple Tagging tags into WordPress tags.
Textpattern	Import categories, users, posts, comments, and links from a Textpattern blog.
Ultimate Tag Warrior	Import Ultimate Tag Warrior tags into WordPress tags.
WordPress	Import posts, pages, comments, custom fields, categories, and tags from a WordPress export file.

Tapi yang paling manjur adalah import dari alamat blog wordpress yang lama ke alamat blog wordpress yang baru. Caranya sebagai berikut:

• Dari domain blog wordpress lama:
  

Masuk ke alamat blog wordpress yang lama, masuk ke dashboard. Pilih menu Tools > export. Pada Options , restrict author pilih all author, lalu klik tombol Download Export File, simpan file yang berextensi XML tersebut di hardisk anda.

• Menuju ke domain blog wordpress baru:
  

Masuk ke alamat blog wordpress yang baru, masuk ke dashboard. Pilih menu Tools > import. Pilih platform yang digunakan, dalam hal ini wordpress. Pada “browse’ dan cari file yang berextensi .xml yang disimpan tadi. Selanjutnya klik tombol Upload File And Import.

Jika pada blog yang lama terdapat gambar-gambar yang terdapat ditiap posting, jangan khawatir, gambar tersebut tidak akan hilang karena akan ter pasang otomatis jika kita mengaktifkan Download and import file attachments pada Import Attachments.

setelah itu klik Submit, tunggu beberapa saat. Posting akan segera terpasang beserta gambar di tiap-tiap posting.

Semoga berguna, XYXY blogila