20 Maret 2010

MEMBUAT POSTINGAN BERGAMBAR

Untuk membuat postingan yang disertai gambar atau foto, ada beberapa cara yang bisa dilakukan.Saya akan membahas cara membuat postingan bergambar di blogspot sejauh apa yang saya ketahui hingga saat ini.

A.MENULIS POSTINGAN PADA MODE COMPOSE.
Pada mode compose, kita bisa menulis postingan dengan mudah karena toolbar yang tersedia.Bila ingin menambahkan gambar tinggal klik ikon toolbar untuk gambar, maka akan muncul jendela pilihan untuk mengisikan gambar melalui “upload” atau mengisikan “URL” gambar yang kita simpan di server tempat kita menyimpan gambar ( contoh : web picasa, photobucket, flickr dll ).Bila kita pilih
upload, kita bisa memilih gambar yang kita simpan di komputer atau memilih direktori dan foldernya.Selanjutnya tinggal klik “upload”, maka proses upload akan berlangsung.Setelah proses upload selesai, gambar akan ditampilkan terlebih dahulu untuk kita pilih.Habis dipilih dan klik “OK”, gambar akan terpasang bersama postingan.Berdasarkan pengalaman saya pribadi, ketika saya membuat postingan bergambar dengan cara upload langsung menggunakan “browser Mozilla”, gambarnya muncul di bagian atas postingan.Padahal kursor sudah ditempatkan di bagian bawah paragraf pertama, sehingga saya harus melakukan “drag & drop” pada gambar hingga gambar menempati posisi seharusnya.Tapi seringkali tulisan saya jadi kacau dan susunannya jadi tidak karuan walaupun pada akhirnya bisa dibetulkan.Lain halnya jika menggunakan “browser Google Chrome”.Gambar akan terpasang persis di tempat yang kita inginkan, tinggal memilih letak dan ukuran.Kita bisa pilih posisi kiri,kanan dan tengah serta bisa memilih ukuran gambar yang akan ditampilkan.Tetapi repotnya, Google Chrome menterjemahkan atau mengcopy tulisan mentah-mentah, contoh : saya biasa menulis konsep postingan menggunakan MS Word.Untuk membuat tulisan biar jelas, saya pilih font yang agak besar.Untuk mempublikasikan postingan tadi, saya lakukan copy paste.Masalah muncul ketika tulisan saya “paste” pada kolom postingan, dimana font tulisan tidak berubah alias sama persis dengan yang ada di MS Word.Padahal Ketika saya melakukan hal yang sama menggunakan browser Mozilla, font akan berubah pada settingan “normal” atau settingan baku yang digunakan pada saat menulis postingan di blogger.Jadi pilih browser yang sesuai dan nyaman untuk digunakan.

B.MENULIS POSTINGAN PADA MODE “EDIT HTML”.
Cara ini lebih mudah bila kita tahu kode html yang musti digunakan.Tetapi hal pertama yang harus dilakukan adalah meng”upload” gambar terlebih dahulu ke server untuk menyimpan gambar.Jika untuk kepentingan blog, maka hal yang terbaik adalah meng-upload ke Web Picasa.Sebelum di-upload, berilah nama-nama tersendiri pada gambar milik anda sehingga mudah bagi kita untuk mengenali gambar meskipun lewat URL atau alamat gambarnya saja.Hal yang penting dan perlu diperhatikan juga adalah, ukuran gambar yang mau di-upload jangan terlalu besar.Atau sebaiknya dikompresi terlebih dahulu.Tujuannya adalah agar nantinya blog kita memilik halaman yang “ringan” waktu loading-nya, sehingga pembaca yang memiliki koneksi buruk tidak kesulitan dalam membuka blog kita.
Setelah semua hal diatas telah diatur, barulah kita upload satu persatu.Di Web Picasa sendiri menyediakan sarana “multi upload” sebatas lima kolom untuk lima gambar dalam sekali upload.Setelah di-upload, jangan lupa untuk meng-copy URL atau alamat gambar.Klik kanan pada gambar yang anda maksud dan pilih “Copy image address” atau “Salin alamat gambar” terus simpan sebagai documen ( kalau saya menggunakan MS Word untuk menyimpan URL gambar milik saya ).Berikan nama yang jelas pada masing-masing URL yang dismpan tadi agar kita mudah mengenali mana URL gambar yang musti ditambahkan pada saat kita menulis postingan.Pastikan URL/alamat gambar tadi berakhiran “jpg”.Selanjutnya, berikut cara menambahkan gambar pada postingan menggunakan URL gambar, lihat contoh :

<img src=" http://lh5.ggpht.com/_Bv8Zs6dewpM/S1n5wOK_aUI/AAAAAAAAANo/mAoOFI0wJEo/s128/Windows%207%20logo.jpg"/>

Berikut contoh gambarnya :




Tulisan yang berwarna merah adalah contoh URL gambar yang tersimpan di Web Picasa.
Jika ingin mengatur lebar gambar tinggal atur antara “height” dan “width”.Pastikan anda tahu ukuran pixel gambar anda.Contoh script-nya, lihat di bawah ini :

<img src="http://lh5.ggpht.com/_Bv8Zs6dewpM/S1n5wOK_aUI/AAAAAAAAANo/mAoOFI0wJEo/s128/Windows%207%20logo.jpg" width=256 height=256 />

Berikut contoh gambarnya :


Ukuran asli gambar adalah 121x120 dan saya perbesar menjadi 256x256.

Selanjutnya menyisipkan “attribute alt” dengan tujuan agar gambar kita mempunyai nama dan memberikan info gambar sehingga pada browser yang tidak bisa menampilkan gambar atau sengaja mematikan fungsi penampil gambar bisa mengetahui nama gambar tersebut.Adakalanya atrribute ini menjadi rujukan mesin pencari untuk menampilkan hasil gambar sebagai hasil pencarian.Berikut caranya :

<img src="http://lh5.ggpht.com/_Bv8Zs6dewpM/S1n5wOK_aUI/AAAAAAAAANo/mAoOFI0wJEo/s128/Windows%207%20logo.jpg" alt="Logo Windows 7"/>

Tulisan warna hijau adalah "attribute alt" yang ditambahkan sebagai info gambar.
Jadinya akan ditampilkan seperti ini ( pada browser yang tidak mendukung fitur “menampilkan gambar” ) :

Logo Windows

Jadi kalau kita hafal script html, akan terasa lebih mudah membuat postingan pada mode “Edit HTML”.Karena jika menggunakan fitur “read more” pada blog kita, maka kita tidak bisa seenaknya pindah dari mode “Edit HTML” ke mode “Compose” karena post template seperti <span class="fullpost"> dan </span> akan terhapus sendirinya.Jadi pastikan untuk menulis pada satu mode saja dan untuk melihat hasilnya cukup klik “pratinjau.Jika terpaksa beralih, sebenarnya bukan masalah, sebab ada fitur “page break” yang berfungsi layaknya “read more” pada mode "compose".
Demikian tips membuat postingan dengan gambar.Selamat mencoba!

0 comments:

 

© 2009 TIPS BLOG DAN SOFTWARE KOMPUTER. Powered by Blogger
Design by eJoee BlogsTricks