MENAMBAHKAN IMAGE KE DALAM BLOG

Untuk menambahkan image ke dalam blog dengan berbagai pilihan dapat dengan mudah dilakukan, baik ditampilkan kedalam postingan atau pada sidebar, ini kalau memang menurut Anda dapat memberikan kesan penulisan lebih menarik bagi pengunjung.

Sebelumnya, sobat dapat menyiapkan terlebih dahulu di komputer Anda atau mengambil dari situs lain sebagai penyedia gambar/image yang akan di tampilkan ke dalam blog Anda dengan salah satu bentuk file gif, tentunya perpaduan image dengan teks akan membuat pembaca tidak merasa bosan ketika membaca artikel Anda.


Langkah-langkah yang digunakan :

*Langkah pertama*

1. Anda login ke http://www.photobucket.com
   
   
Ini dilakukan untuk mengupload file gambar Anda, namun sebelumnya Anda mendaftar terlebih dahulu dengan mengklik "JOIN NOW" dan ini tidak bayar alias gratis





2. Kemudian Anda mengisi Username dan Password dan selanjutnya Klik Next step



3. Lanjutkan dengan mengisi data-data selengkapnya
   
   
4. kemudian klik I accept Sign me up!


Proses Registrasi selesai dan Anda sudah boleh meng upload gambar dari komputer Anda ke Photobucket untuk mendapatkan image addres/URL yang nanti dapat Anda copy ke dalam Blog Anda, yaitu dengan langkah


5. Klik "Choose files"
Ambil image dari komputer Anda yang sudah disiapkan dengan bentuk file gif, jpeg, png



Hasil dari setelah Anda mengupload Image ke photobucket, Anda copy code HTML ke dalam blog Anda

**Langkah kedua**

Ada beberapa cara yang dapat dilakukan untuk memasukan Image ke dalam blog Anda

1. Memasukan Image ke dalam Sidebar dengan kode HTML/JavaScript dan tanpa kode HTML
   
   
2. Memasukan Image ke dalam Posting
   
   

ad.1. Memasukan Image ke dalam Sidebar menggunakan kode HTML, langkah :

1. Login ke Blogger dengan ID Anda
   
   
2. Klik Tata Letak pada Dasbor
   
   
3. Klik Tambah Gadget
   
   
4. Klik HTML/JavaScript
   
   
5. Copy Paste Kode HTML pada jendela Konfigurasi HTML/JavaScript yang diambil dari Photobucket
   
   
6. Klik Simpan
   
   
   KODE HTML DARI UPLOAD DI PHOTOBUCKET
   
   Anda bisa atur ukurannya untuk disesuaikan dengan lebar Sidebar Anda, dengan ubah klik "Rich Text" menjadi Edit HTML, kemudian di klik akan membentuk kotak selanjutnya kotak dapat diperbesar atau diperkecil, atau merubah width (lebar) dan height (tinggi)
   
   Contoh hasil Image
   
   
   
   Setelah selesai Anda perlu menghapus dan mengganti sebagian kode tersebut agar pada saat gambar diklik pengunjung tidak masuk ke Addres/URL Photobucket Anda, yang diperlukan dengan menambahkan ke alamat URL Anda atau ke alamat iklan yang anda ingin tampilkan.
   
   
7. Hapus kode dibawah diganti dengan addres/URL Anda
   s636.photobucket.com/albums
   /uu86/rozaniyes/?action=view&
   current=banner.gif"

Ad.1.2.Memasukan Image ke dalam Sidebar tanpa kode HTML/JavaScript

Selain memasukan Image kedalam Sidebar dalam bentuk kode HTML, Image dapat pula dimasukan ke dalam Sidebar tanpa kode HTML/JavaScript. Berikut langkahnya :

1. Pertama Login ke Blogger dengan ID Anda
2. Klik Tata Letak pada Dasbor
3. Masuk kedalam Elemen Halaman
4. Klik Tambah Gadget
5. Pilih Gambar pada jendela Tambahkan Gadget
6. Pada jendela Mengkonfigurasi Gambar ketik yaitu :
   

• Judul Image yang ada didalam kotak
• Tambahkan keterangan di dalam kotak teks Keterangan Gambar
• Jika ingin tambahkan link pada Image, masukan alamat URL di kotak teks Hubungan
• Aktifkan Susutkan agar Sesuai, sehingga ukuran image dapat disesuaikan dengan ukuran Sidebar
• Klik tombol Browse untuk ambil file gambar di komputer Anda
  
• Pilih gambar yang akan di upload ke Sidebar
• Pilih tombol Open
• Klik Simpan

Ad.2 Memasukan Image ke Dalam Posting

Langkah :

1. Masuk kedalam Halaman Posting
2. Beri judul Image pada kotak Judul
3. Klik Icon yang bertuliskan Tambah Gambar
4. Pilih tombol "Browse" pada jendela Unggah Gambar
5. Pilih File Gambar yang akan di tampilkan
6. Klik Open, kemudian pengaturan Image dapat dilakukan dengan alternatif
   
7. Untuk posisi Image pilih "Tata Letak" apakah hasilnya sebelah "Kiri"Tengah atau Kanan"
8. Untuk ukuran Image pilih "Ukuran Gambar" apakah Kecil, Menengah atau Besar
   


9. Jika ingin mengupload Image sekaligus dapat dilakukan dengan memilih "Tambahkan Gambar Lainnya" klik tombol Browse pada kotak baru yang muncul dan pilihlah file Image lain yang akan dimasukan. Mungkin ingin menambahkan alamat URL dari gambar tersebut dapat di ketik pada kotak URL
10. Setelah diaktifkan konfirmasi persetujuan Persyaratan Layanan, klik "Unggah Gambar"
11. Klik "Selesai"
    

Setelah selesai Anda dapat melihat hasil dari Unggah Gambar di layar Posting, Jangan kuatir hasil gambar bisa diatur dan disesuaikan dengan besar dan lebar halaman posting dengan menarik handle di sudut-sudut Image kearah luar untuk memperlebar dan kearah dalam untuk memperkecil.

Posted in: Blogspot Tutorial