Tutorial WordPress » Tutorial http://freetutorial.web.id cara cepat & mudah mendesain website Tue, 13 Dec 2011 09:43:37 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Memasang Fasilitas Chat di Sidebar WordPress http://freetutorial.web.id/2011/06/memasang-fasilitas-chat-di-sidebar-wordpress/ http://freetutorial.web.id/2011/06/memasang-fasilitas-chat-di-sidebar-wordpress/#comments Mon, 13 Jun 2011 09:26:57 +0000 julianto http://freetutorial.web.id/?p=719  

Fasilitas chat pada website dapat meningkatkan interaktivitas antara webmaster dengan pengunjung maupun antarpengunjung. Sebagai pemilik website, Anda akan mendapatkan masukan yang cepat dari para pengunjung dengan fasilitas ini. Untungnya tidaklah sulit memasang fasilitas chat di sidebar WordPress seperti gambar di bawah ini. Berikut caranya langkah demi langkah.


Banyak [...]]]> http://freetutorial.web.id/2011/06/memasang-fasilitas-chat-di-sidebar-wordpress/feed/ 8 Memasang Theme pada WordPress 3.0 http://freetutorial.web.id/2010/12/memasang-theme-wordpress3/ http://freetutorial.web.id/2010/12/memasang-theme-wordpress3/#comments Thu, 02 Dec 2010 06:57:31 +0000 julianto http://freetutorial.web.id/?p=663 Memasang theme pada WordPress 3.0 sedikit berbeda dibandingkan pada versi sebelumnya. Berikut ini caranya.

Klik pilihan [Themes] pada menu Appearance.

Pada layar berikutnya klik tab [Install Themes].

Klik menu [Upload].

Klik [Browse], lalu pilih file theme yang telah Anda download yang berformat [...]]]> http://freetutorial.web.id/2010/12/memasang-theme-wordpress3/feed/ 2 Update ke WordPress 3.0 http://freetutorial.web.id/2010/06/update-ke-wordpress-3-0/ http://freetutorial.web.id/2010/06/update-ke-wordpress-3-0/#comments Thu, 24 Jun 2010 09:15:24 +0000 julianto http://freetutorial.web.id/?p=605 Cara paling mudah untuk update ke WordPress 3.0 adalah melalui “pesan update” di dasboard, yang dapat dilakukan secara otomatis. Berikut ini caranya. Namun sebelum itu, backup dulu situs Anda, siapa tahu proses update tidak mulus sehingga menyebabkan data Anda terkorupsi atau hilang (lihat lagi: Membuat Backup Data Blog WordPress).

Pada pesan di Dasboard [...]]]> http://freetutorial.web.id/2010/06/update-ke-wordpress-3-0/feed/ 0 Membuat Header WordPress dengan GIMP http://freetutorial.web.id/2010/06/membuat-header-wordpress-dengan-gimp/ http://freetutorial.web.id/2010/06/membuat-header-wordpress-dengan-gimp/#comments Wed, 09 Jun 2010 07:36:47 +0000 julianto http://freetutorial.web.id/?p=585 Untuk theme WordPress yang header-nya bisa diganti-ganti, berikut cara membuat header menggunakan program grafis gratis GIMP.

Langkah pertama adalah ketahui dulu ukuran header yang dipakai oleh theme Anda. Setelah itu, jalankan aplikasi GIMP. Di dalam aplikasi ini, klik menu [File][New...]. Setelah muncul jendela Create a New Image, masukkan angka ukuran header. Misalnya Anda akan membuat [...]]]> http://freetutorial.web.id/2010/06/membuat-header-wordpress-dengan-gimp/feed/ 8 HTML Dasar (3): Teks Mengitari Gambar http://freetutorial.web.id/2010/04/html-dasar-3-teks-mengitari-gambar/ http://freetutorial.web.id/2010/04/html-dasar-3-teks-mengitari-gambar/#comments Sun, 25 Apr 2010 14:04:31 +0000 julianto http://freetutorial.web.id/?p=562 Melanjutkan seri artikel mengenai dasar-dasar HTML yang perlu Anda ketahui, berikut ini cara menampilkan gambar yang dikitari dengan teks.

Agar teks yang Anda ketikkan dapat mengitari gambar yang ada di sisi kiri, maka tag-nya adalah:

<img src=”http://www.domainAnda.com/gambarAnda.jpg” style=”float: left; margin: 0px 5px 5px 0px;”>

Untuk margin: 0px 5px 5px 0px [...]]]> http://freetutorial.web.id/2010/04/html-dasar-3-teks-mengitari-gambar/feed/ 0 HTML Dasar untuk Widget Text (2) http://freetutorial.web.id/2010/04/html-dasar-untuk-widget-text-2/ http://freetutorial.web.id/2010/04/html-dasar-untuk-widget-text-2/#comments Thu, 15 Apr 2010 02:04:31 +0000 julianto http://freetutorial.web.id/?p=554 Seperti dibahas pada posting sebelumnya, untuk menampilkan teks yang lebih atraktif pada widget Text diperlukan pengetahuan mengenai tag dan kode HTML dasar. Berikut ini beberapa tag HTML untuk pengolahan teks.

A. Miring dan Garis Bawah

<i>italics</i> menghasilkan tampilan: italics
<u>garis bawah</u> menghasilkan tampilan: garis bawah
<b><i>teks bold italic</i></b> menampilkan: teks bold italic

B. [...]]]> http://freetutorial.web.id/2010/04/html-dasar-untuk-widget-text-2/feed/ 2 Layanan Download dengan Link Gambar http://freetutorial.web.id/2010/03/layanan-download-dengan-link-gambar/ http://freetutorial.web.id/2010/03/layanan-download-dengan-link-gambar/#comments Fri, 26 Mar 2010 23:41:23 +0000 julianto http://freetutorial.web.id/?p=542 Pada artikel “Menambah Layanan Download” sebelumnya telah dibahas layanan download melalui link teks. Dengan mengklik link teks tersebut, pengunjung men-download file yang telah Anda sediakan. Sekarang bagaimana kalau link tersebut bukan teks, tetapi berupa gambar? Berikut ini tutorialnya.

Pertama, Anda siapkan gambarnya bernama “ebook.png” dan Anda upload ke folder public_html/wp-content/uploads. Sehingga dengan [...]]]> http://freetutorial.web.id/2010/03/layanan-download-dengan-link-gambar/feed/ 2 Menambah Layanan Download http://freetutorial.web.id/2010/03/menambah-layanan-download/ http://freetutorial.web.id/2010/03/menambah-layanan-download/#comments Mon, 22 Mar 2010 04:22:10 +0000 julianto http://freetutorial.web.id/?p=529 Anda ingin menambah layanan download di situs Anda? Anda tinggal menggunakan plugin. Lumayan banyak plugin untuk layanan download, salah satunya adalah WordPress Download Monitor.

Plugin WordPress Download Monitor memiliki beberapa fitur menarik, seperti log atau statistik sehingga Anda akan tahu jumlah pemakai yang telah download. Link untuk download bisa ditempatkan di mana saja, di dalam [...]]]> http://freetutorial.web.id/2010/03/menambah-layanan-download/feed/ 8 Menambah Favicon di WordPress http://freetutorial.web.id/2010/03/menambah-favicon-di-wordpress/ http://freetutorial.web.id/2010/03/menambah-favicon-di-wordpress/#comments Mon, 15 Mar 2010 08:07:13 +0000 julianto http://freetutorial.web.id/?p=501 Favicon singkatan dari favorites icon, yaitu ikon yang muncul di URL bar (sebelah kiri) di browser Anda. Ikon ini juga muncul di daftar bookmark di browser.

Berikut cara membuat favicon untuk situs yang dibangun dengan WordPress.

1. Favicon merupakan gambar persegi (bujur sangkar) dengan ukuran 16×16 pixel. Buatlah gambar ikon [...]]]> http://freetutorial.web.id/2010/03/menambah-favicon-di-wordpress/feed/ 6 Tombol Sharing untuk Setiap Posting http://freetutorial.web.id/2010/03/tombol-sharing-untuk-setiap-posting/ http://freetutorial.web.id/2010/03/tombol-sharing-untuk-setiap-posting/#comments Tue, 09 Mar 2010 07:21:15 +0000 julianto http://freetutorial.web.id/?p=491 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 [...]]]> http://freetutorial.web.id/2010/03/tombol-sharing-untuk-setiap-posting/feed/ 1