Tombol Sharing untuk Setiap Posting

March 9th, 2010

Tutorial sebelumnya telah membahas pembubuhan tombol sharing untuk ditampilkan di sidebar. Tutorial WordPress kali ini, akan menyajikan cara pembubuhan tombol sharing tersebut di setiap akhir posting/artikel. Tutorial pembubuhan tombol sharing sebelumnya maupun yang akan Anda ikuti ini, tidak ditujukan untuk blog yang dibuat di WordPress.com.

Berikut langkah pembubuhan tombol sharing untuk setiap posting yang akan Anda buat maupun artikel yang telah Anda buat sebelumnya. Sekali Anda melakukan langkah seperti di bawah ini, tombol-tombol akan dibubuhkan secara otomatis, Anda tak perlu memikirkannnya lagi setiap kali mem-posting artikel.

Berikut ini caranya:

  • Ikuti cara mendapatkan kode (skrip) dari AddThis.com seperti yang dikemukakan pada tutorial sebelumnya. Namun kali ini, skrip yang Anda copy adalah yang kedua (yang di bawah judul “WordPress.org Blog Post Toolbox Instructions”). Seperti sebelumnya, caranya klik tombol [Copy Code].
  • Loginlah ke situs WordPress Anda, dan login sebagai admin. Klik menu [Editor] yang ada pada kelompok menu [Appearance].

Menu Edit Theme

  • Anda masuk di editor theme. Di sebelah kanan layar ada daftar Theme Files Templates. Klik [Main Index Template (index.php)]

Pilih index.php

  • Pada kode yang ditampilkan, cari tag <div class=”entry”> yang diakhiri dengan tag </div>. Nah paste-kan kode dari AddThis tadi tepat di atas tag penutup </div> tersebut.

Menyisipkan skrip

  • Setelah kode ter-paste, klik tombol [Update File].
  • Sekarang coba lihat blog Anda. Pada bagian akhir dari semua artikel yang telah Anda posting sekarang sudah terdapat tombol sharing. Tombol ini juga akan tampil secara otomatis pada posting baru Anda.

 Selamat mencoba tutorial ini.

Tutorial

Tombol Sharing Mendongkrak Traffic

March 2nd, 2010

Salah satu cara untuk meningkatkan jumlah pengunjung ke website Anda adalah dengan menyediakan tombol sharing. Dengan tombol sharing ini, pengunjung dapat dengan mudah men-share website atau artikel Anda yang menarik ke website mereka atau di account jejaring sosial mereka.

Salah satu cara untuk membuat tombol sharing di website Anda adalah menggunakan tool yang disediakan oleh AddThis.com. Layanan ini gratis. Berikut cara menyediakan tombol sharing di website Anda.

  • Arahkan browser Anda ke AddThis.com. Di halaman pertama, Anda akan langsung disuguhi dengan menu membuat tombol sharing.
  • Pertama tentukan dulu, jenis website Anda (pada “Select your service”). Dalam hal ini kita pilih WordPress, dengan mengklik pilihan [WordPress].

  • Berikutnya, tentukan jenis tombol yang akan tampil di website Anda (pada “2. Select a button style.”).
  • Selanjutnya, Anda menentukan pilihan, apakah Anda hanya menginginkan tombolnya atau berikut dengan informasi statistiknya (tapi untuk yang terakhir ini, Anda perlu regristrasi lebih dahulu). Kalau Anda menginginkan tombolnya saja, klik pilihan [No, just give me the button.]

  • Setelah itu klik tombol [Get Your Button].
  • Anda akan mendapatkan dua kode, yaitu untuk ditaruh di sidebar dan kedua untuk menyertai setiap posting Anda. Pada kesempatan ini misalnya saja Anda ingin menampilkannya di sidebar. Pilih kode di bawah judul “WordPress.org Sidebar Instructions”. Klik tombol [Copy Code] yang berada di bawah kotak berisi kode.

  • Sekarang login-lah ke WordPress Anda sebagai admin. Pilih [Widgets] pada menu [Appearance].

  • Pilih widget Text dan geser ke bagian kelompok widget Anda di sebelah kanan layar. Setelah widget Text terbuka, tuliskan pada kolom isi misalnya “Share Tutorial Blog Ini” atau kata-kata lain yang Anda sukai. Kemudian tekan Enter hingga kursor berada di baris kedua. Tekan tombol Ctrl-v untuk mem-paste kode yang tadi. Setelah itu klik tombol [Save] dan klik [Close].

  • Sekarang lihat website Anda. Maka akan muncul ikon yang telah Anda pilih sebelumnya. Dengan mengklik salah satu ikon tersebut, pengunjung akan men-share konten website Anda di website atau di account jejaring sosial mereka.

Tutorial

Upgrade WordPress secara Manual

January 7th, 2010

Pada tutorial sebelumnya telah dibahas cara upgrade WordPress ke versi baru secara otomatis. Cara ini memang mudah, tetapi ada kalanya upgrade otomatis gagal, bahkan upgrade otomatis ini tidak dapat dilaksanakan. Untuk itu diperlukan upgrade secara manual. Caranya seperti di bawah ini.

1. Backup database dan semua file WordPress Anda di folder WordPress, termasuk juga file .htaccess. Pastikan file-file backup itu dapat di-restore nantinya.

2. Nonaktifkan semua plugin Anda.

3. Download WordPress versi terbaru (dari http://wordpress.org/download/) dan mekarkan.

4. Hapus file-file WordPress yang lama, tetapi JANGAN HAPUS berikut ini:

  • File wp-config.php
  • File .htaccess – bila Anda menambahkan custom rules pada .htaccess ini
  • File robots.txt – bila blog Anda di root di server hosting Anda
  • Folder wp-content; tetapi hapuslah folder wp-content/cache dan wp-content/plugins/widgets
  • Folder wp-image
  • Folder wp-includes/languages/ jika Anda menggunakan file bahasa.

5. Upload-lah file-file WordPress yang baru ke folder WordPress Anda yang lama.

6. Jalankan program upgrade, caranya:

  • Loginlah sebagai admin seperti biasa. WordPress akan memeriksa apakah dibutuhkan upgrade database; bila ya, Anda akan diarahkan untuk klik [Upgrade WordPress Database] (dengan mengklik tombol ini sebenarnya akan menjalankan skrip wp-admin/upgrade.php).

Tutorial Upgrade WordPress

  • Bila proses upgrade database berhasil, akan muncul layar seperti di bawah ini. Klik [Continue].

Tutorial Upgrade WordPress

  • Segera Anda akan dihadapkan ke layar login seperti biasa. Loginlah sebagai admin. Bila Anda mengalami masalah login setelah upgrade, bersihkan browser Anda dari cookies.

7. Perbarui (update) Permalinks dan .htaccess, bila perlu.

8. Install plugin dan theme. Cek kompatibilitas plugins dan theme dengan WordPress versi baru.

9. Aktifkan kembali plugins.

Sampai di sini WordPress Anda sudah ter-update. WordPress menyarankan untuk menambah definisi security key ke wp-config.php.

Tutorial

Upgrade ke WordPress 2.9

December 23rd, 2009

WordPress 2.9 telah dirilis. Versi baru ini juga disebut “Carmen” untuk menghormati vokalis jazz Carmen McRae. Beberapa feature baru pada versi ini antara lain adanya menu Trash untuk pengelolaan komentar dan artikel (posting); fasilitas editing gambar; upgrade banyak plugin dengan satu klik; dan perbaikan lainnya yang bersifat teknis.

Kalau website Anda saat ini menggunakan WordPress versi sebelumnya, cara upgrade ke versi baru ini sangat mudah. Anda tinggal klik tawaran upgrade ke versi baru yang biasanya muncul pada layar admin. Anda tinggal klik link [Please update now].

Upgrade ke WordPress 2.9

Upgrade juga dapat dilaksanakan melalui menu [Tools][Upgrade].

Upgrade ke WordPress 2.9

Upgrade dapat dilaksanakan secara otomatis atau secara manual. Jangan lupa backup dulu database atau website Anda sebelum upgrade. Ini untuk jaga-jaga bila proses upgrade tidak berjalan sempurna dan merusak data-data website Anda – walaupun kejadian ini sangat jarang terjadi.

Upgrade ke WordPress 2.9 otomatis atau manual

Upgrade otomatis memang paling mudah, Anda tinggal klik menu upgrade otomatis, dan bila berhasil, dalam beberapa saat Anda sudah menggunakan versi baru.

Upgrase ke WordPress 2.9 berhasil

Tutorial

Tampilkan Peta Google di WordPress

November 30th, 2009

Suatu saat Anda ingin menampilkan peta di website, misalnya saja Anda ingin menampilkan suatu lokasi. Caranya cukup mudah, ikuti langkah berikut.

  • Buka Google Maps (maps.google.com) dan cari lokasi yang ingin Anda tampilkan. Ketikkan lokasi Anda di kolom [Search].
  • Setelah lokasi yang Anda maksudkan tertampil, klik menu [Link] yang berada di sudut kanan atas peta. Dari situ muncul jendela yang berisi link dan kode HTML, klik [Customize and preview embedded map].

Tutorial WordPress Tampilkan Peta

  • Pada jendela pengaturan peta yang muncul kemudian, pilih ukuran peta yang Anda inginkan. Pilihannya [Small], [Medium], [Large], atau isikan ukuran peta – dengan satuan pixel – pada pilihan [Custom].

 Tutorial WordPress Peta 1

  • Peta yang akan tertampil di website Anda terlihat di Preview. Pada Preview tersebut Anda dapat menggeser-geser peta agar lokasi tertampil sesusai dengan yang Anda kehendaki. Setelah Anda puas dengan ukuran dan tampilan petanya, copy-lah kode HTML yang berada di bawah Preview. (Caranya, klik kode tersebut sehingga terseleksi, klik-kanan, dan pilih [Copy].)

Tutorial Wordpress Tampilkan Peta 2

  • Login-lah ke website WordPress Anda, dan pilih menu [Appearance][Widget]. Pilih widget Text dan paste kode HTML tadi. Isikan judul peta Anda pada kolom judul widget Text tersebut bila perlu. Klik [Save] untuk menyimpan kode tersebut pada widget Text.
  • Kini lihat website Anda, peta sudah tertampil di sidebar. Bila Anda kurang puas dengan ukuran peta, editlah kode HTML pada widget Text tadi, yaitu ubah angka pada “height” (tinggi) dan “width” (lebar). Ubah-ubahlah hingga Anda menemukan ukuran yang pas dengan sidebar Anda. Klik [Save] setiap Anda melakukan pengubahan.
  • Bila Anda ingin menyisipkan peta pada artikel Anda, bukan pada sidebar, sisipkan kode HTML di dalam artikel, tapi lebih dahulu Anda pilih mode edit [HTML].

Nah, tunjukkan lokasi pesta perkawinan, jalur bersepeda, atau tempat lainnya, dengan menampilkan peta seperti cara di atas. (Tutorial WordPress)

Tutorial