Kebutuhan :  CMS WordPress (tutorial ini menggunakan wordpress 3.0.1)yang telah diinstal dalam server (untuk studi kasus ini wordpress diinstal pada localhost)

Mungkin kamu pernah melihat suatu blog yang ditulis oleh banyak penulis yang berbeda – beda. Blog seperti ini biasa disebut dengan collaboration blogg (blog kolaborasi). Sebagai contoh, situs ini (itx.web.id) adalah contoh dari blog kolaborasi, yang ditulis oleh banyak penulis lepas (seperti saya tentunya ).

Nah, bagaimana cara membuat satu blog bisa ditulis oleh berbagai user yang berbeda-beda?

Kita bisa melakukannya dengan CMS WordPress.

Berikut adalah langkah-langkahnya.

1. Login ke wordpress admin dengan username dan password anda.

2. Anda akan diarahkan ke halaman dashboard. Klik menu Users

3.  Maka akan ditampilkan daftar user – user yang telah terdaftar pada wordpress anda. Sebelum anda menambahkan user, biasanya hanya akan ada satu user saja (admin –> yaitu anda)

4. Untuk menambah user baru, klik button Add New.

5. Masukkan data – data user baru pada form yang muncul. Untuk role, maksudnya adalah posisi /  peran dari user yang akan dibuat. Berikut adalah keterangan dari masing – masing role yang ada.

a. Administrator : User yang memiliki kewenangan penuh terhadap sistem, termasuk membuat, mengubah dan menghapus user yang ada dalam sistem.

b. Editor : User editor memiliki kewenangan untuk membuat posting baru dan mengedit semua postingan oleh semua user yang ada.

c. Author : User author hanya memiliki kewenangan untuk membuat postingan baru dan hanya bisa mengedit postingannya sendiri.

d. Subscriber : User ini hanya bisa melihat postingan yang ada (mendapat update ketika ada posting baru)

Lihat gambar 3 dibawah sebagai contoh pengisian data user baru.

6. Klik button Add User untuk menyimpan user. Maka akan ditampilkan detail dari user baru yang baru saja dibuat.

Sekarang anda sudah bisa membuat sebuah collaboration blog sendiri

Pencarian ke sini:

Fungsi sort dalam PHP adalah fungsi yang dapat digunakan untuk mengurutkan data berbentuk array secara instan dalam PHP. Dalam tutorial kali ini kita akan membahas berbagai fungsi sort built in yang ada di PHP beserta contoh langsung penggunaannya.

1. Mengurutkan data angka secara ascending ( dari kecil ke besar )
Ketikkan script berikut.

<?php
$data = array("3", "5", "12", "6");
sort($data);

print_r($data);
?>

script diatas akan menghasilkan output sorting seperti berikut ini,
3
5
6
12
Seperti dapat dilihat pada contoh diatas, fungsi sort() akan melakukan sorting pada array dengan cara ascending. Untuk pengurutan kebalikannya, dapat dilihat pada contoh 2.

2. Mengurutkan data angka secara descending ( dari besar ke kecil)
Ketikkan script berikut.

<?php
$data = array("3", "5", "12", "6");
rsort($data); //reverse sort

print_r($data);
?>

script diatas akan menghasilkan output sorting seperti berikut ini,
12
6
5
3

3. Mengurutkan data huruf / string secara ascending ( urut abjad / alfabet )
Ketikkan script berikut.

<?php
$data = array("apel", "jeruk", "jambu", "mangga");
sort($data);

print_r($data);
?>

script diatas akan menghasilkan output sorting seperti berikut ini,
apel
jambu
jeruk
mangga

Dapat dilihat pada contoh diatas bahwa fungsi sort() juga dapat digunakan untuk data yang berbentuk string (yang penting string tersebut tersimpan dalam data array).

4. Mengurutkan data berdasar lebih dari 1 parameter
Misalkan anda memiliki data berikut,
nomor | umur
—————
1 | 12
3 | 11
2 | 12
4 | 15

kasus : anda ingin mengurutkan data diatas berdasarkan parameter 1 yaitu umur secara ascending, dan parameter ke 2 yaitu nomor secara descending.
Ketikkan script berikut.

<?php
$data[] = array('nomor' => 1, 'umur' => 12);
$data[] = array('nomor' => 3, 'umur' => 11);
$data[] = array('nomor' => 2, 'umur' => 12);
$data[] = array('nomor' => 4, 'umur' => 15);

foreach ($data as $param => $row) {
    $nomor[$param]  = $row['nomor'];
    $umur[$param] = $row['umur'];
}
array_multisort($umur, SORT_ASC, $nomor, SORT_DESC, $data);
?>

script diatas akan menghasilkan output sorting seperti berikut ini,
11 3
12 2
12 1
15 4
Kesimpulannya adalah, apabila kita ingin mengurutkan data untuk lebih dari 1 array (lebih dari 1 parameter pengurutan), salah satu caranya adalah anda bisa menggunakan array_multisort()

happy coding

Pencarian ke sini:

Ketika kita menginstall CMS WordPress, WordPress hanya akan memberikan 1 tema bawaan (default) yaitu Twenty Ten. Tentu saja anda ingin mengganti tema tersebut, bukan? Berikut ini adalah langkah – langkahnya.

Menginstall Tema WordPress
1. Login ke dalam account wordpress dengan username dan password account anda.
2. Anda akan diarahkan ke halaman dashboard.
3. Klik pada menu Appearance – Themes, pada bagian menu samping kiri (sidebar wordpress dashboard). Lihat gambar.

4. Pilih Menu Install Themes.

5. Untuk menginstall tema baru, kita bisa menggunakan berbagai pilihan yang telah disediakan oleh WordPress. Lihat gambar dibawah.

• Search, Featured, Newest, Recently-Updated : Berbagai pilihan ini akan menginstall tema baru untuk wordpress dengan sebelumnya men-search / mencari tema – tema yang disediakan oleh wordpress theme directory secara online. Anda bisa menemukan berbagai tema bagus disini, dan tentunya telah di acc oleh pihak WordPress nya
• Upload : Anda bisa mengganti tema wordpress dengan cara meng-upload sendiri tema wordpress (dalam bentuk .zip). Anda bisa mendapatkan tema melalui download dari internet, atau dengan tema bikinan anda sendiri. Take a look juga pada tema wordpress bikinan pemilik situs ini

6. Untuk mengganti tema dengan cara upload, klik tab upload.

7. Browse pada lokasi dimana file tema anda berada (file berbentuk zip). Kemudian klik button install.

8. Jika instal sukses, maka akan muncul konfirmasi seperti gambar dibawah. Klik activate untuk langsung mengaktifkan tema yang baru saja diinstal.

9. Maka akan muncul konfirmasi bahwa tema baru telah aktif dan anda akan diredirect ke halaman utama Theme. Di halaman ini anda dapat melihat tema – tema yang telah diinstal dalam wordpress anda.

Test : Buka situs wordpress anda. Pastikan tema telah berubah

Catatan : Jika anda akan mengubah tema wordpress yang diinstal dalam hosting dengan cara upload, maka anda harus memasukkan detail dari ftp anda (host, username, dan password ftp. Lihat keterangan dari hosting anda untuk detail ini.)

Happy wordpress

Pencarian ke sini:

Halaman statis (page) dalam per-blogging-an dibutuhkan ketika kita ingin membuat suatu halaman yang –well, jelasnya–statis. Berbeda dengan blog post / posting, Page biasanya berisi mengenai halaman – halaman yang hampir tidak pernah / jarang dilakukan update. Lihat gambar dibawah,

Gambar diatas adalah contoh dari Page dalam wordpress.

Untuk membuat halaman statis atau page ini, ikuti langkah – langkah berikut :

Membuat Page
1. Login ke dalam account wordpress dengan username dan password account anda.
2. Anda akan diarahkan ke halaman dashboard.
3. Klik pada menu Page, pada bagian menu samping kiri (sidebar wordpress dashboard). Lihat gambar.

4. Pilih button Add New.
5. Maka anda akan diarahkan pada tampilan halaman posting (mirip seperti ketika kita melakukan posting artikel biasa). Tuliskan isi dari halaman statis yang anda inginkan. Lihat sample dibawah ini.

6. Klik publish untuk menyimpan page anda.

Test : Buka situs wordpress anda. Maka halaman page anda akan muncul. Lihat contoh gambar dibawah.

About this Blog merupakan page yang baru saja dibuat. Page tersebut muncul disamping page default dari wordpress, yaitu Home.

Ingin halaman statis anda muncul pada awal blog anda (sebagai index) ?

Setting Page
Setting ini dilakukan untuk memastikan bahwa halaman statis anda berada dihalaman awal (ketika blog wordpress anda dijalankan – index page). Hal ini berguna, misalkan, anda menginginkan ketika seseorang membuka blog anda, maka akan langsung diarahkan ke halaman About Me.
Dalam kasus ini, anda harus membuat page About Me terlebih dahulu (Lihat step-by-step diatas), kemudian mengatur settingnya. Berikut adalah cara mengatur setting page agar muncul dihalaman awal wordpress.
1. Pilih menu Setting – Reading pada bagian menu samping kiri wordpress.
2. Pada halaman setting Reading, atur seperti gambar dibawah.

3. Simpan setting dengan memilih button Save.

Test : Buka situs wordpress anda sekali lagi. Kali ini, pastikan page yang baru anda buat tertampil sebagai index page
Lihat gambar.

Happy WordPress-ing

Pencarian ke sini:

Adakalanya, ketika kita membuat aplikasi, kita akan membutuhkan untuk mengexport data ke dalam file pdf (selain dari file excel), misalkan untuk membuat surat atau laporan tertentu. Dengan library cezpdf (karya Wayne Munro ), membuat laporan dalam bentuk pdf tidak akan terlalu sulit.

A. Mempersiapkan Database
1. Buat database dengan nama db_tutorial.
2. Buat tabel dengan nama tb_member, dengan struktur tabel dibawah ini,

3. Insert-kan beberapa sample data dalam tb_member, misal seperti data dibawah ini,

4. Okay, done with database.

B. Mempersiapkan file dan struktur direktori
1. Install Codeigniter, dengan mengekstrak bundle CI dan menempatkannya dalam document root anda.
2. Atur setting database (system-application-config-database.php) dengan setting database yang akan digunakan (db name : db_tutorial)
3. Atur config base url (system-application-config-config.php)
4. Letakkan file cezpdf.php dan class.pdf.php (hasil download Cezpdf library diatas) dalam folder system-application-libraries
5. Letakkan file pdf_helper.pdf dalam folder system-application-helper.
6. Ok

C. Membuat model
1. Ketikkan script berikut ini,

<?php
  class Member_model extends Model {
	function Member_Model() {
    	parent::Model();
    }
	function alldata()
	{
		$this->db->select('*');
		$this->db->from('tb_member');
		$this->db->order_by('no','ASC');
		$getData = $this->db->get();
		if($getData->num_rows() > 0)
		return $getData->result_array();
		else return null;
	}
}
?>

2. Simpan dengan nama member_model.php dalam folder system-application-models

D. Membuat Controller
1. Ketikkan script berikut ini,

<?php
class Member_con extends Controller {
	public function __construct() {
		parent::__construct();
		$this->load->model('member_model');
		$this->load->helper('url');
	}
	public function index() {
		$data['member'] = $this->member_model->alldata();
		$this->load->view('member_view', $data);
	}

	function topdf () {
		$this->load->library('cezpdf');
		$this->load->helper('pdf');
		prep_pdf();
		$data['member']= $this->member_model->alldata();
		$titlecolumn = array(
							'no' => 'no',
							'name' => 'name',
							'address' => 'address'
		);
		$this->cezpdf->ezTable($data['member'], $titlecolumn,'Member Data');
		$this->cezpdf->ezStream();
	}
}
?>

2. Simpan dengan nama member_model.php dalam folder system-application-models

E. Membuat View
1. Ketikkan script berikut ini,

<h4>Member Data</h4>
<?php if(count($member) > 0) { ?>
<table border="1">
<tr>
<th>No</th>
<th>Name</th>
<th>Address</th>
</tr>
<?php
foreach($member as $rows) {
echo "<tr>";
echo "
<td>".  $rows['no']."</td>
<td>". $rows['name'] ."</td>
<td>". $rows['address'] ."</td>
"; } ?>
</table>
<?php } ?>
<br> <br>
<a href='<?php echo base_url(); ?>index.php/member_con/topdf'><span 

style='color:green;'>Export to Pdf</span></a>

2. Simpan dengan nama member_model.php dalam folder system-application-models

F. Testing code
1. Buka http://localhost/ci_tutor/index.php/member_con. Anda akan melihat data yang ada dalam tb_member seperti gambar dibawah ini,

2. Klik link export to pdf untuk mengeksport data ke dalam file pdf.
3. Maka secara otomatis browser anda (atau download manager) akan men-download file pdf.
4. Buka file pdf, anda akan melihat data dari tb_member tertampil dalam file pdf tersebut Lihat gambar dibawah.

Happy coding

Pencarian ke sini:

Berikut adalah beberapa fungsi text (string) dalam PHP yang akan sering digunakan apabila anda berkutat dengan penelitian yang melibatkan text processing.

1. Menambahkan slash (\) dalam string –> addslashes.

<?php
$text = "This is Anne's book.";
echo addslashes($text);
?>

Output :
This is Anne\’s book.

Kenapa hal ini penting? Dalam pemrosesan teks, seringkali tanda quote (‘) akan menimbulkan eror ketika dilakukan parsing terhadap text tersebut, terutama ketika kita menggunakan regular expression.

2. Memecah string dengan string –> explode.

<?php
$sentence = "My name is June";
$word = explode(" ", $sentence);
print_r($word);
?>

Output :
Array
(
[0] => My
[1] => name
[2] => is
[3] => June
)

Explode akan memecah text dan membaginya ke dalam array, seperti contoh diatas, $text di-explode dengan string ” ” (spasi). Hal ini merupakan dasar dari algoritma tokenizing, yaitu memecah kalimat dalam kata – kata penyusunnya. Tokenizing akan sering sekali digunakan dalam text processing.

3. Menggabungkan array string dalam satu string –> implode.

<?php
$arrayWord = array('This', 'is', 'a', 'sentence');
$joinString = implode(" ", $arrayWord);
echo $joinString;
?>

Output :
This is a sentence

Implode, seperti terlihat dari contoh diatas (contoh : array dalam contoh di-implode / digabung dengan menggunakan string spasi), merupakan kebalikan dari fungsi no 2 (explode). Fungsi implode memiliki alias, yaitu Join.

4. Memberikan nilai MD5 dari string –> md5.

<?php
$string = 'password';
$stringMd5 = md5($string);
echo $stringMd5;
?>

Output :
5f4dcc3b5aa765d61d8327deb882cf99

MD5 merupakan salah satu fungsi hash (kriptografi satu arah) yang cukup terkenal dan sering digunakan untuk security (meskipun sekarang sudah banyak md5 decryptor). Fungsi md5 seperti ini akan sering digunakan apabila kita membangun sebuah aplikasi yang memerlukan autentikasi (misal untuk login ke dalam sistem).

5. Menghilangkan HTML Tag dalam string –> strip_tags

<?php
$text = '<b>June Susan</b> <i> June June</i>';
echo strip_tags($text); echo '<br>';
echo strip_tags($text, '<i>'); // Allow tag <i>
?>

Output :
June Susan June June

Sebelum kita bisa memproses text dari web (yang biasanya berbentuk hypertext / html), maka kita harus “membersihkan” tag – tag html yang ada dalam text tersebut. Disinilah fungsi strip_tags berguna. Kita bisa menghilangkan seluruh tag, ataupun mengijinkan tag tertentu untuk tetap berada dalam text (lihat contoh).

6. Menghitung panjang string –> strlen.

<?php
$string = 'I am a superman';
echo strlen($string);
?>

Output :
15

Strlen menghitung jumlah karakter (panjang) dari string, spasi, dan simbol – simbol yang ada dalam string juga akan dihitung dalam fungsi strlen.

Happy coding, then!

Pencarian ke sini:

A. Mempersiapkan Database
1. Buat database dengan nama db_tutorial.
2. Buat tabel dengan nama tb_book, dengan struktur tabel dibawah ini,

3. Insert-kan beberapa sample data dalam tb_book.
4. Buat tabel lagi dengan nama tb_member, dengan struktur tabel dibawah ini,

5. Insert-kan beberapa sample data dalam tb_member.
6. Okay, done with database.

B. Mempersiapkan folder kerja dan file – file yang dibutuhkan.
1. Persiapkan folder dengan nama ci_tutor dalam document root anda.
2. Ekstrak codeigniter dalam folder yang baru saja dibuat (disini file user_guide dalam CI saya hapus), dan atur config nya meliputi base_url, serta konfigurasi database dalam system-application-config-database.php
3. Buat tabel dengan nama cssjs, kemudian taruh file JQuery (file download 2) JQuery UI (hasil download file 3 : saya memilih template flickr), dan file Mic JQuery Template Plugin (file 4) ke dalam folder cssjs.
4. Struktur folder ci_tutor adalah seperti ini,

5. Struktur folder cssjs adalah seperti ini,

C. Model
1. Kita akan membuat model yang akan mengambil seluruh data yang ada dalam tb_book dan tb_member. Ketikkan script dibawah ini,

<?php
class Book_model extends Model {

    public function getBook() {
        $query = $this->db->get( 'tb_book' );
        if( $query->num_rows() > 0 ) {
            return $query->result();
        } else {
            return array();
        }
    }

	public function getMember() {
        $query = $this->db->get( 'tb_member' );
        if( $query->num_rows() > 0 ) {
            return $query->result();
        } else {
            return array();
        }
    }
}
?>

2. Simpan dengan nama book_model.php dan simpan dalam system-application-models.

D. Controller
1. Ketikkan script dibawah ini,

<?php
class Book_con extends Controller {
	public function __construct() {
		parent::__construct();
		$this->load->model('book_model');
	}
	public function index() {
		$this->load->view('book_view');
	}
	public function readBook() {
		echo json_encode( $this->book_model->getBook() );
	}
	public function readMember() {
		echo json_encode( $this->book_model->getMember() );
	}
}
?>

2. Simpan dengan nama book_con.php dan simpan dalam system-application-controllers.

E. View
1. Ketikkan script dibawah ini,

<html>
<head>
    <title>ITX.WEB.ID</title>
    <base href="<?php echo base_url(); ?>" />
	<link type="text/css" rel="stylesheet" href="cssjs/flick/jquery-ui-1.8.2.custom.css" />
    <link type="text/css" rel="stylesheet" href="cssjs/styles.css" />
</head>
<body>
<center><h2> Book & Member List</h2></center>
<div id="tabs">

    <ul>
        <li><a href="#read">Book List</a></li>
		<li><a href="#read2">Member List</a></li>
    </ul>

    <div id="read">
        <table id="tabel"></table>
    </div>

	<div id="read2">
        <table id="tabel2"></table>
    </div>

</div>

<script type="text/javascript" src="cssjs/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="cssjs/jquery-ui-1.8.2.min.js"></script>
<script type="text/javascript" src="cssjs/jquery-templ.js"></script>

<script type="text/template" id="readTemp">
    <tr>
        <td>${id}</td>
        <td>${title}</td>
        <td>${author}</td>
    </tr>

</script>

<script type="text/template" id="readTemp2">
    <tr>
        <td>${no}</td>
        <td>${name}</td>
        <td>${address}</td>
    </tr>

</script>

<script type="text/javascript" src="cssjs/all.js"></script>
</body>
</html>

2. Simpan dengan nama book_view.php dan simpan dalam system-application-views.

F. Membuat file Javascript yang akan membaca record tabel dari server dengan AJAX.
1. Ketikkan script dibawah ini,

$( function() {
    $( '#tabs' ).tabs({
        fx: { height: 'toggle', opacity: 'toggle' }
    });

    $.ajax({
        url: 'index.php/book_con/readBook',
        dataType: 'json',
        success: function( response ) {
            $( '#readTemp' ).render( response ).appendTo( "#tabel" );
        }
    });

	$.ajax({
        url: 'index.php/book_con/readMember',
        dataType: 'json',
        success: function( response ) {
            $( '#readTemp2' ).render( response ).appendTo( "#tabel2" );
        }
    });

});

2. Simpan dengan nama all.js dan simpan dalam folder cssjs.

G. Mengatur tampilan
1. Ketik script berikut ini dan simpan dengan nama style.css

body {
    font-family: Arial, Helvetica, sans-serif;
}

#tabs {
    font-size: .9em;
    margin: 0 auto;
    width: 800px;
}

.ui-widget-content {
    font-size: .8em;
}

#tabel, #tabel2 {
    font-size: 1.3em;
    width: 100%;
}

#tabel tr:nth-child(2n) {
    background: #EAEAEA;
}

#tabel tr:hover {
    background: #CCCCCC;
}

#tabel td {
    padding: 6px;
    margin: 8px;
}

H. Testing code
1. Pergi ke browser, dan jalankan http://localhost/ci_tutor/index.php/book_con/
2. Jika sukses, anda akan melihat tampilan di bawah ini.

3. Klik pada tab Member List, maka akan ditampilkan data member dari dalam tb_member

4. Silahkan berkreasi dengan JQuery UI yang lain

Happy coding

Pencarian ke sini:

Salah seorang teman yang sedang membangun sebuah ecommerce pernah bertanya seperti ini : “Bagaimana saya bisa membuat program bahwa, barang yang beratnya kurang dari 1 kg sampai 1 kg dianggap 1 kg, kemudian lebih dari 1 kg sampai 2 kg dianggap 2 kg, dan seterusnya?”
Masalah diatas dapat dituliskan seperti berikut :
1 >= berat > 0 —> dianggap 1 kg
2 >= berat > 1 —> dianggap 2 kg
dst..

Sebenarnya, masalah diatas bukanlah masalah yang rumit. Sama sekali tidak rumit malah. Contoh kasus diatas hanyalah salah satu contoh kasus yang bisa diselesaikan dengan mudah dengan Pembulatan. Dalam PHP, dikenal 3 fungsi matematika yang dapat digunakan untuk pembulatan, yaitu Ceil, Floor, dan Round.

1. Pembulatan keatas (Ceil).
Misalnya untuk kasus diatas

<?php
$berat1 = 0.5;
$berat2 = 1.5;
$berat3 = 2;
echo 'berat 1 ='.ceil($berat1); echo '<br />';
echo 'berat 2 ='.ceil($berat2); echo '<br />';
echo 'berat 3 ='.ceil($berat3);
?>

Kalau script diatas dijalankan, maka outputnya adalah sebagai berikut,
berat 1 = 1
berat 2 = 2
berat 3 = 2
Jadi kesimpulannya adalah, fungsi PHP ceil akan melakukan pembulatan keatas pada angka yang diberikan. Fungsi ini akan menghasilkan nilai integer terdekat keatas dari angka.

2. Pembulatan kebawah (floor).
Floor digunakan untuk melakukan pembulatan ke bawah. Lihat contoh dibawah ini,

<?php
$berat1 = 0.5;
$berat2 = 1.5;
$berat3 = 2;
echo 'berat 1 ='.floor($berat1); echo '<br />';
echo 'berat 2 ='.floor($berat2); echo '<br />';
echo 'berat 3 ='.floor($berat3);
?>

Script diatas akan menghasilkan output,
berat 1 = 0
berat 2 = 1
berat 3 = 2
Berkebalikan dengan ceil, floor akan melakukan pembulatan ke nilai integer terdekat kebawah dari suatu bilangan.

3. Pembulatan ke terdekat
ROUND membulatkan suatu bilangan ke nilai terdekatnya sesuai dengan jumlah deciman dibelakang koma yang diinginkan. Sebagai contoh,

<?php
$berat1 = 0.58989;
$berat2 = 1.6;
$berat3 = 2.4;
echo 'berat 1 ='.round($berat1, 2); echo '<br />'; // with 2 decimal
echo 'berat 2 ='.round($berat2, 0); echo '<br />'; // 0 decimal
echo 'berat 3 ='.round($berat3); // without parameter, so it will rounded in to the nearest integer
?>

Jika dijalankan, maka script akan memberi output :
berat 1 = 0.59
berat 2 = 2
berat 3 = 2

Semoga membantu Happy coding

Pencarian ke sini:

Apabila anda penggemar fotografi, anda pasti mengenal FLICKR. Ya, Flickr adalah salah satu layanan photo sharing yang cukup terkenal dari Yahoo!
Anda bisa mengakses Flickr melalui alamat www.flickr.com, dan apabila anda telah memiliki account yahoo, anda bisa langsung login dengan account yahoo tersebut. Selain flickr, ada banyak layanan photo sharing yang lain seperti photobucket.

Dalam WordPress, kita bisa memasang untuk menampilkan album foto kita dalam halaman wordpress dengan menggunakan Widgets. Widgets, dalam WordPress, adalah tampilan untuk sidebar, pada umumnya terletak disamping kanan atau kiri, dan terkadang terletak dibagian bawah diatas footer halaman wordpress. Untuk studi kasus kali ini, kita akan mencoba untuk menampilkan album foto flickr dalam halaman wordpress.

Studi Kasus : Memasang album foto dari Flickr dalam WordPress widgets.
Asumsi : Anda sudah memiliki account Flickr, dan sudah terdapat beberapa foto dalam flickr anda.

Langkah – langkah :
1. Login ke dalam account WordPress anda.
2. Dari halaman dashboard, masuk ke menu Appearance – Widgets.
3. Anda akan menemukan daftar berbagai widgets yang available. Drag widget Flickr ke arah sidebar (sisi kanan dari halaman widget), maka tampilan setting flickr akan terbuka seperti pada gambar dibawah ini.

Isikan detail dari feed flickr yang ingin anda tampilkan (seperti gambar diatas). Untuk alamat flickr (Flickr RSS URL), bisa anda dapatkan dari halaman flickr bagian pojok kiri bawah dengan simbol RSS.
4. Save setting untuk flickr.
5. Kunjungi situs wordpress anda. Album foto flickr anda telah tertampil, dengan jumlah foto yang ditampilkan sesuai dengan setting anda di langkah 3. Dibawah ini adalah contoh tampilan album foto flickr dalam halaman sidebar WordPress.

Cantik bukan? Okay, happy WordPress-ing
And Take a lot on your camera !

Pencarian ke sini:

Ketika melakukan posting artikel, essay, ataupun tutorial, kita tentu akan sering ingin memasukkan gambar dalam postingan kita tersebut, karena dengan adanya gambar, postingan kita akan terlihat lebih menarik. Tutorial ini ditujukan untuk pengguna wordpress pemula yang belum mengetahui bagaimana untuk melakukan upload gambar ke dalam posting wordpress.

Langkah – langkah :
1. Login ke WordPress.com dengan memasukkan username dan password account wordpress anda.
2. Anda akan diarahkan ke halaman dashboard wordpress.
3. Pilih menu Post – Add New.
4. Anda akan mendapati halaman posting WordPress. Masukkan judul, serta teks lain yang anda inginkan dalam bagian kotak lebar untuk menulis teks.
5. Untuk memasukkan gambar, klik tombol “Add an Image”, seperti yang ditunjukkan dalam gambar berikut (bagian yang dilingkari merah).

6. Tunggu hingga loading selesai. Setelah loading selesai, akan muncul kotak dialog Add an Image (lihat gambar dibawah). Pilih Select Fields (dilingkari merah), kemudian cari lokasi gambar yang ingin anda masukkan ke dalam postingan wordpress. Klik pada gambar dan pilih Ok.

7. Gambar akan mulai di-upload ke dalam server wordpress anda. Tunggu hingga loading gambar selesai.
8. Setelah loading gambar selesai, maka akan muncul tampilan detail dari gambar yang diupload, ditunjukkan seperti gambar dibawah ini. Isikan title, caption, description, aligment (tata letak) dan ukuran yang anda inginkan, atau biarkan saja default. Setelah selesai, klik tombol “Insert into Post” (bagian yang dilingkari merah).

9. Lakukan langkah 5-8 lagi apabila ingin memasukkan gambar lain dalam postingan anda. Jika sudah, klik Publish untuk mempublish postingan anda.
10. Cek postingan tampilan anda, pastikan bahwa gambar telah tertampil seperti dibawah ini

Okay, semoga membantu. Happy WordPress-ing.

Pencarian ke sini: