Bagaimana memasang foto kita di halaman depan blog?

“Dulu rudi, hari ini mbak peni, besok siapa lagi?” gumamku dalam hati setelah tahu kalo…, kalo mas anjar juga ingin memasang foto dirinya seperti yang kurnia lakukan di blog ini. Biar tidak ada pertanyaan berulang nantinya, baiknya aku buat panduan aja ya. Biar nanti jika ada yang ingin melakukan hal yang sama, bisa langsung mendapat panduan step by step. Mungkin sampeyan atau temen sampeyan 😀

Panduan berikut akan menjelaskan bagaimana memasang foto diri kita di halaman depan blog yang saat ini juga sudah dilakukan oleh rudi dan mbak peni. Seperti ini

foto kita di halaman depan blog

Langsung saja, silahkan ikuti langkah demi langkah berikut.

1. Login di blog. Oh ya, hampir lupa. Tutorial ini hanya berlaku untuk blog yang menggunakan wordpress.
2. Upload foto diri di internet. Biar lebih mudah, lakukan upload di wordpress aja sekalian. Tapi jika sudah punya foto di friendster atau web album yang lain seperti pisaca, imagehack.us, flickr.com, langsung bisa digunakan. Jika di wordpress, gunakan add media di bagian write post.
3. Masuk ke tab design > widget. Kita akan mulai menambahkan foto kita ke halaman blog kita.
4. Add widget text ke sidebar blog kita. Caranya, pilih sidebar yang akan dipakai (berlaku untuk blog dengan 2 sidebar seperti milik kurnia saat ini). Kemudian klik add di bagian widget text sebelah kiri.
5. Edit widget text. dan mulai pastekan kode seperti berikut :

<p><img src="http://kurnia.staff.uns.ac.id/files/2008/09/s717234736_3144.jpg" alt="kurnia adhiwibowo" width="100" height="133" class="alignleft size-full wp-image-4" />Kurnia Adhiwibowo, fresh graduate dari Teknik Informatika <a href="http://d3ilkom.uns.ac.id">Program Studi DIII</a> <a href="http://www.ilkom.uns.ac.id/web/">Ilmu Komputer</a> <a href="http://mipa.uns.ac.id">FMIPA</a> <a href="http://www.uns.ac.id">UNS</a>. Saat ini masih aktif menjadi koordinator <a href="http://sat.uns.ac.id">SAT</a> <a href="http://puskom.uns.ac.id">Puskom UNS</a>. <a href="http://kurnia.staff.uns.ac.id/about/">more …</a>

6. Kode dengan garis tebal, mewakili kode untuk menampilkan gambar. Sedang kode yang dicetak miring adalah alamat gambar foto kita. Mudahnya, ganti aja alamat ini dengan alamat foto kita. Bisanya alamat foto kita harusnya berakhiran *.jpg atau *.png atau *.gif. Pokoknya yang akhirannya langsung merujuk ke gambar foto kita.
7. Lakukan save untuk menyimpan perubahan.
8. Selesai

Sementara begitulah yang bisa kurnia share. Ke depan coba saya jelaskan trik mudah untuk melakukan langkah-langkah di atas 🙂

Oh ya, teman-teman juga bisa membuka artikel ini jika ingin melihat visualisasi dari langkah-langkah yang kurnia jelaskan di atas. Kurnia ambil dari kolom tutorialnya kang rohman. Pasang Kode HTML di WordPress