Persiapkanlah gambar yang ingin dimasukkan ke dalam artikel. Buatlah sebuah postingan baru, isi dengan artikel yang akan anda publikasikan.

dokumen-dokumen yang mirip
Mengenal Visual Post Editor WordPress

CONTENT MANAGEMENT SYSTEM (CMS)

10+ Penyedia DNS Hosting Gratis Untuk Domain Anda

Mengenal Halaman Post Editor WordPress. Want create site? Find Free WordPress Themes and plugins.

E-Commerce dengan QuickCart v6.7 BAB IV

MODUL TUTORIAL WORDPRESS

DAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH

Setelah selesai klik tombol Register. Akan muncul seperti gambar berikut jika berhasil

PT QWORDS COMPANY INTERNATIONAL

USER GUIDE BLOG MAHASISWA

TUTORIAL ADMINISTRATOR WORDPRESS WP-ADMIN Contents Management Wordpress Selfhosting

1. Untuk menyisipkan dokumen tersebut, pilih tombol Add Media. 2. Klik tombol Select Files untuk menentukan file yang akan diupload.

PENGABDIAN MASYRAKAT PELATIHAN PEMBUATAN WEB UNTUK USTADZ DAN PENGELOLA PONDOK PESANTREN SEBAGAI MEDIA INFORMASI DI KABUPATEN/KOTA KEDIRI

Tutorial Membuat Blog Menggunakan Layanan WORDPRESS

Membuat Blog Menggunakan Wordpress

MENINDAKLANJUTI PROSPEK SECARA OTOMATIS ATAU KIRIMI MEREKA SERI PESAN VIDEO KHUSUS

PELATIHAN PENGELOLAAN WEBSITE

KELOLA HALAMAN CATUR YOGA MEININGDIAS 6 NO HALAMAN KETERANGAN. 1 Laman Web (Web Page)

INGIN MENINGKATKAN BISNIS ANDA?

PT QWORDS COMPANY INTERNATIONAL

Tutorial Pembuatan Blog

EBOOK TUTORIAL (PANDUAN) LAPAX THEME TEMPLATE TOKO ONLINE WORDPRESS INDONESIA JASA PEMBUATAN WEBSITE TOKO ONLINE. Butuh bantuan? Hubungi kami!

TRAINING. Jul Post, Pages & Media

MODUL WORDPRESS MOBILE

PANDUAN DASAR MEMBUAT WEBSITE

KKN SISDAMAS Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) UIN Sunan Gunung Djati Bandung. Pusat Teknologi Informasi dan Pangkalan Data

Panduan Dasar Membuat Website

Manual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)

Serial Panduan Singkat Memuat Berita di Web Site Resmi STAI (

Posting, Edit dan Hapus Berita

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA BAHAN AJAR TEKNOLOGI INFORMASI

1. All Post Silahkan klik menu All Post untuk melihat semua post/artikel dalam berbagai status (published, draft, etc).

Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

PANDUAN MENULIS DI MAJALAH FAKULTAS ONLINE

Setelah sukses mendaftar. Buka butikkamu.wordpress.com/wp-admin. Lalu keluar halaman login sbb:

WEBSITE SETTING WEBSITE INFORMASI SITUS. Published on SIAKAD ONLINE (

MEMBUAT DAN MENGELOLA WEBSITE DESA

LANGKAH LANGKAH PENGGUNAAN WEBSITE SISTEM PENYAMPAIAN DATA LELANG

Langkah-Langkah Membuat Blog Wordpress

FLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP. Copyright 2016 by Flimmerce

TUTORIAL BLOG STAF UNIVERSITAS MUHAMMADIYAH SURAKARTA UMS Team IT & IT helpdesk Supported

SMA NEGERI 8 KEDIRI Jalan Pahlawan Kusuma Bangsa 77 (0354) Kediri Fax (0354)

Berikut ini langkah-langkah untuk konfigurasi awal dari paket toko online yang sudah kami siapkan :

EBOOK TUTORIAL (PANDUAN) PAKET BEGINNER JASA PEMBUATAN WEBSITE TOKO ONLINE

PANDUAN SINGKAT MENGELOLA MATA KULIAH : BAGIAN I

Link Categories, digunakan untuk mengelompokkan link ke dalam kategorikategori

KATA PENGANTAR. Keistimewaan web ceritaresep.com ini adalah:

Tutorial Dasar Cara Membuat Blog

PADUAN DASAR Menggunakan dan Mengelola Website. Created by:

: Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS)

Panduan Dasar Membuat Website

2. Searching, Bookmark dan Download

Tutorial Membuat Web Blog Menggunakan Layanan WORDPRESS MUH. TAMIMUDDIN H

Modul Pelatihan Blog Pengembangan & Penerapan Teknologi Informasi Pengenalan Blog 1

STMIK Dharmapala Riau

TUTORIAL MEMBUAT BLOG SENDIRI BERBASIS WORDPRESS

E-commerce Development Berbasis Wordpress

TUTORIAL BKD ONLINE DOSEN

TUTORIAL WEBSITE DOSEN

Menambahkan Image Slider di Homepage

BLOG DOSEN TEKNIK FISIKA

BLOG MANAGEMENT DI BLOGGER.COM (BLOGSPOT.COM) Last Modified: Feb, 20 th Part 1

Langkah-Langkah Membuat Blog Dengan Blogspot Di Blogger.Com

CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE

Membuat Web BERBASIS WORDPRESS

BAB 5 COMPANY PROFILE: LEMBAGA AGAMA

CARA MENDAFTAR DI WORDPRESS.COM

Tutorial Penggunaan. Bagian I.

3. Pilih layout dari blog yang akan kita buat seperti gambar di bawah ini : 4. Lalu pilih tema sesuai dengan layout yang sudah kita pilih tadi seperti

PETUNJUK PENGGUNAAN PENGISIAN SASARAN KERJA PEGAWAI DAN REALISASI SECARA ONLINE

[AN _ AY ] October 10, 2010 DAFTAR DOMAIN GRATIS DI CO.CC...2 PENDAFTARAN HOSTING GRATIS DI IDHOSTINGER...7

V.2.0. Panduan Pengelolaan Website

LANGKAH MUDAH MEMBUAT BLOG DOSEN MENGGUNAKAN

DAFTAR ISI. DAFTAR ISI... i DAFTAR GAMBAR... i

Petunjuk Singkat Penggunaan Kuantum Gama bagi Pengajar. Yudi Wibisono Yohanes Suyanto versi dokumen: 30 Maret 2008

MODUL PELATIHAN MEMBUAT WEBSITE BERBENTUK BLOG MENGGUNAKAN WORDPRESS. Oleh Gigih Forda Nama Ngadimun Hd

Panduan Instalasi Joomla

DAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance

PUSAT PELATIHAN INTERNET MARKETING I S P A R M O

PANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA. Oleh: A. Fathurohman

TUTORIAL ADMINISTRATOR WORDPRESS WP ADMIN Contents Management Wordpress Selfhosting

Cara Menginstal WordPress di Hosting dan Domain. Want create site? Find Free WordPress Themes and plugins.

MANUAL BOOK WEBGIS BAPPEDA KABUPATEN MAHULU JL. JUANDA 2, RT 16 NO 6H SAMARINDA (0541) WEBSITE DEKA.CO.ID WEB & IT SOLUTION.

Setelah login, anda akan masuk kedalam halaman beranda seperti pada gambar dibawah ini.

CARA MENGGUNAKAN WEBSITE TOKO ONLINE INDOSTORE

Tutorial Imacros I : Pengenalan apa itu imacros

Sebuah Petunjuk Praktis Untuk Belajar Membuat Website dengan Menggunakan Blog WordPress!

Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan sebelum Anda memulainya.

Panduan WartaHijau. Login

Ebook Panduan Pengoperasian Web Simpel

Panduan Belajar Joomla Dalam Pengelolaan Website Satuan Kerja Perangkat Daerah Kabupaten Bengkulu Tengah

MANUAL USER Website KLA

MEMBUAT TULISAN BARU DI WP.COM BLOG DENGAN WINDOWS LIVE WRITER

UNIVERSITAS ISLAM BATIK SURAKARTA PELATIHAN BLOGDOSEN MEDIA INFORMASI DOSEN UNIBA SURAKARTA. IT Development UNIBA Surakarta

Pengelolaan Website SILHD (Sistem Informasi Lingkungan Hidup Daerah)

Tutorial Terbaru Cara Membuat Website Gratis IDHostinger

Cara mendaftar ke blog dosen

MENGISI CONTENT BLOG. 3.1 Mengisi dengan Artikel PLR

CMS Content Management System

Manual Book Mengisi Konten Website Kecamatan Kota Bogor

Transkripsi:

Bismillah. Apa kabar teman-teman sekalian? Selamat datang di tutorial ini yang akan memandu temanteman sekalian memasukkan /menyisipkan gambar ke dalam artikel yang kita tulis di website dengan CMS WordPress yang sudah teman-teman miliki. Selain sebagai hiasan fungsi dari adanya gambar dalam artikel kita tentunya agar tidak gersang atau digunakan untuk mempertegas isi artikel agar lebih mudah dimengerti oleh pembaca. Walaupun cara memasukkan gambar itu mudah, namun terkadang ada teknikteknik tertentu yang luput dari pengetahuan kita. Ada beberapa opsi dalam memasukkan gambar di WordPress, diantaranya yaitu From Computer, From URL dan Media Library. Masing-masing opsi tentu berbeda perlakukannya. Berikut adalah langkah-langkah untuk memasukkan gambar ke dalam posting menggunakan wordpress : Memasukkan Gambar Dari Komputer Persiapkanlah gambar yang ingin dimasukkan ke dalam artikel. Buatlah sebuah postingan baru, isi dengan artikel yang akan anda publikasikan. Klik Icon Tambahkan Media. Klik Tab Menu Unggah Berkas, lalu klik tombol Pilih Berkas By Official Website of Alkhansa Design www.alkhansadesign.com 1

Pilih gambar dari komputer anda yang ingin dipasang. Proses upload akan berlangsung. Selanjutnya akan tampil halaman seperti gambar berikut. Lalu, ada beberapa yang sebaiknya anda isi : By Official Website of Alkhansa Design www.alkhansadesign.com 2

By Official Website of Alkhansa Design www.alkhansadesign.com 3

Judul : isi dengan kata-kata yang berhubungan, misal belajar website. Tulisan ini akan muncul apabila gambar tersebut disorot oleh cursor Keterangan : isi dengan kata-kata yang berhubungan, misal tas trendi 2012. Ini boleh diisi atau tidak. Sebuah tulisan caption nantinya akan muncul persis di bawah gambar sebagai keterangan penguat gambar. Teks Alt : isi dengan kata-kata yang berhubungan, misal belajar website gratis (boleh sama dengan title). Tulisan ini tidak akan muncul, namun ini bagus untuk search engine (SEO), maka sebaiknya diisi. Deskripsi: isi dengan deskripsi. Boleh diisi atau tidak, tulisan ini akan muncul pada theme-theme tertentu, namun umumnya tidak muncul. Perataan : ini adalah opsi untuk memilih posisi gambar dalam artikel. None, berarti gambar tersebut akan terlihat berpisah dari tulisan, umumnya letak gambar akan berada disebelah kiri. Left, gambar akan berada di sebelah kiri dan tulisan/teks akan ikut merapat ke gambar tersebut. Center, posisi gambar akan berada ditengah-tengah. Right, posisi gambar akan berada disebelah kanan serta tulisan/teks akan ikut tertarik ke sebelah kanan. Tautkan Ke : tulis alamat link tujuan gambar yang diinginkan. Apabila link ini di isi, maka nantinya apabila gambar tersebut di klik akan membuka halaman yang bersangkutan. Ini boleh diisi atau tidak. Ukuran : ini adalah opsi untuk menentukan ukuran gambar. Miniatur, gambar ukuran kecil. Sedang, ukuran gambar sedang. Besar, Ukuran gambar besar. Ukuran Penuh, ukuran gambar penuh sesuai dengan ukuran asli gambar tersebut. Jika yakin semua sudah dilakukan, klik tombol Sisipkan ke dalam Pos. Selesai. Gambar anda akan tampil beserta artikel anda setelah dipublikasikan. Memasukkan Gambar Dari URL (Sisipkan dari URL) Ini adalah langkah-langkah untuk memasukkan gambar yang telah diupload di tempat lain, misal di blogspot atau photobucket. Cara ini terkadang dilakukan untuk menghemat disk space hosting anda, karena file gambar itu umumnya sangat besar bila di bandingkan dengan tulisan/teks. Langkah pertama yang harus anda lakukan adalah mengupload gambar pada hosting yang lain, misal blogspot, photobucket dan lain-lain. Setelah gambar di upload, ambil alamat sumber gambarnya. Di asumsikan anda sedang membuat sebuah artikel baru. By Official Website of Alkhansa Design www.alkhansadesign.com 4

Klik Icon Tambahkan Media. Klik Tab menu Sisipkan dari URL, Lalu silah kolom http:// dengan URL gambar seperti gambar berikut. Isilah form yang berikut ini :URL : isi dengan alamat gambar yang ingin di pasang. By Official Website of Alkhansa Design www.alkhansadesign.com 5

Keterangan: isi dengan kata-kata yang diinginkan Teks Alt : isi dengan kata-kata yang diinginkan Rata: ini adalah opsi untuk memilih posisi gambar dalam artikel. Tautkan ke : tulis alamat link tujuan gambar yang diinginkan. Jika yakin semua sudah di lakukan, klik tombol Sisipkan ke Pos. Selesai. Gambar anda akan tampil beserta artikel anda setelah dipublikasikan. Memasukkan Gambar Dari Pustaka Media By Official Website of Alkhansa Design www.alkhansadesign.com 6

Pustaka Media adalah kumpulan file-file atau berkas yang telah diupload sebelumnya, termasuk file gambar. Dalam artikel yang satu topik, terkadang kita tidak harus mengupload gambar yang baru, tapi menggunakan gambar yang telah di upload sebelumnya. Di asumsikan anda sedang membuat sebuah artikel baru Klik Icon Tambahkan Media. Anda akan berada di Tab menu Pustaka Media Carilah gambar yang ada yang ingin anda masukkan. Proses pencarian ini akan sedikit merepotkan apabila jumlah gambar yang telah anda upload sebelumnya telah banyak sekali, untuk memudahkan sebaiknya anda gunakan fasilitas Cari item media dengan memasukkan kata kunci yang berhubungan dengan gambar yang di maksud. Apabila gambar yang dimaksud telah ditemukan, klik gambar tersebut. Adapun langkahlangkah berikutnya sama seperti memasukkan gambar dari komputeryang sudah dijelaskan di atas. Cara Mengedit Gambar Dalam memasukkan sebuah gambar, terkadang kita mengalami keraguan dalam beberapa hal, misalnya ukuran gambar, letak gambar dan lain sebagainya. Sebuah gambar yang terlanjur dimasukkan kedalam postingan bisa di edit kembali apabila anda memang menginginkannya. Berikut sedikit uraiannya. Diasumsikan bahwa anda sedang membuat artikel dan telah memasukkan sebuah gambar, namun anda tidak cocok dengan tampilan gambar tersebut. By Official Website of Alkhansa Design www.alkhansadesign.com 7

Klik pada gambar yang ingin di edit, secara otomatis akan muncul beberapa ikon. Klik pada icon pena untuk melakukan edit. Kemudian akan muncul jendela untuk anda melakukan edit. Di Opsi Lanjut digunakan bagi anda yang lebih mahir, misal memasukkan fungsi CSS ke dalam gambar tersebut. Apabila proses edit telah selesai. Klik tombol Perbarui. Selesai. Demikian tutorial saya kali ini tentang langkah memasukkan gambar ke dalam artikel di website yang sudah teman-teman miliki. Sampai jumai di tutorial menarik berikutnya. Salam. By Official Website of Alkhansa Design www.alkhansadesign.com 8

«MATERI SEBELUMNYA DAFTAR ISI MATERI SELANJUTNYA» By Official Website of Alkhansa Design www.alkhansadesign.com 9