Wednesday 23 November 2011

Bagaimana Cara Menambahkan Foto Atau Gambar Ke Postingan Blog Dengan Handphone / HP

Sore hari ini fajar mau kasihtahu caranya menambahkan gambar pada postingan blog bagi yang ngeblog dari handphone atau hp.
Caranya dengan menuliskan kode html untuk menampilkan gambar.
Kode html untuk menampilkan gambar :

< i m g s r c = " u r l " >

Silahkan ganti u r l dengan url foto kamu. Contoh saya ketikan,

< i m g s r c = " h t t p : / / p h o t o s - g . a k . f b c d n . n e t / h p h o t o s - a k - s n c 7 / 3 7 4 7 7 3 _ 1 8 6 7 4 6 9 8 4 7 4 5 6 1 2 _ 1 1 5 0 4 0 0 1 8 5 8 2 9 7 6 _ 3 9 6 5 2 3 _ 1 4 5 8 1 2 1 0 2 7 _ n . j p g " >

Maka hasilnya adalah seperti ini.



Untuk mengatur lebar dan tinggi kamu bisa menambahkan widht dan height. Ini adalah kode html untuk menambahkan gambar pada postingan blog dan mengatur ukuran lebar dan tingginya,

< i m g s r c = " u r l " h e i g h t = " u k u r a n p x " w i d h t = " u k u r a n p x " >

Ganti u k u r a n p x dengan ukuran yang diinginkan. Contoh saya menulis,

< i m g s r c = " h t t p : / / p h o t o s - g . a k . f b c d n . n e t / h p h o t o s - a k - s n c 7 / 3 7 4 7 7 3 _ 1 8 6 7 4 6 9 8 4 7 4 5 6 1 2 _ 1 1 5 0 4 0 0 1 8 5 8 2 9 7 6 _ 3 9 6 5 2 3 _ 1 4 5 8 1 2 1 0 2 7 _ n . j p g " h e i g h t = " 6 0 p x " w i d h t = " 6 0 p x " >

Maka hasilnya adalah



Tapi saran saya jangan terlalu memaksakan ukuran gambar, misalnya yang ukurannya kecil di dalam blog kamu besarkan atau sebaliknya, nanti hasilnya tidak bagus dan membuat berat loading.
Dan untuk mengatur posisi gambar (bisa digunakan bila gambar lebih kecil dari layar postingan artikel), kamu bisa menambahkan kode html berikut:

< d i v a l i g n = " t y p e " >k o d e h t m l g a m b a r < / d i v >

Ganti t y p e dengan
center jika ingin gambar ada di tengah.
left jika ingin gambar ada di sisi kiri.
right jika ingin gambar ada di sisi kanan.
Dan ganti k o d e h t m l g a m b a r dengan kode html gambar (bisa juga untuk tulisan)

Contoh saya menulis,

< d i v a l i g n = " c e n t e r " > < i m g s r c = " h t t p : / / p h o t o s - g . a k . f b c d n . n e t / h p h o t o s - a k - s n c 7 / 3 7 4 7 7 3 _ 1 8 6 7 4 6 9 8 4 7 4 5 6 1 2 _ 1 1 5 0 4 0 0 1 8 5 8 2 9 7 6 _ 3 9 6 5 2 3 _ 1 4 5 8 1 2 1 0 2 7 _ n . j p g " h e i g h t = " 6 0 p x " w i d h t = " 6 0 p x " >< / d i v >

Maka hasilnya adalah seperti ini.


Contoh penggunaan pada tulisan atau teks. Saya menulis

< d i v a l i g n = " r i g h t " >Artikel Mewah Blogspot < / d i v >

Maka hasilnya akan seperti ini.

Artikel Mewah Blogspot

Bagi kamu yang punya gambarnya di hp kamu dan mau menampilkannya, tinggal upload foto kamu ke facebook dan catat url downloadnya (ingat, url downloadnya. Url download muncul saat kamu tekan "view full screen" atau "lihat ukuran penuh", untuk yang memakai operamini pasti akan lebih mudah. Contoh urlnya seperti tulisan berwarna merah diatas).
Operamini sangat dianjurkan bagi kamu yang hobi ngeblog dari hp, di postingan saya selanjutnya saya akan memberikan semua pengalaman saya dari ngeblog dengan hp. So, stay on artikelmewah.blogspot.com terus yah...
Haduh saya sudah cape nih nulisnya, nulis dari HP sampai menghabiskan 4220 karakter pas, fyiuuwh.

3 comments:

  1. Kalo dari facebook,
    nulis Urlnya contohnya pake http://facebook.com gak?

    ReplyDelete
    Replies
    1. Kalau fotonya dari facebook maksud tiara?
      Kalau fotonya dari facebook biasanya urlnya tuh http://photos-g.ak.fbcdn.net yah pokoknya pasti ak.fbcdn.net lah. Contohnya kaya kode berikut...,
      < i m g s r c = " h t t p : / / p h o t o s - g . a k . f b c d n . n e t / h p h o t o s - a k - s n c 7 / 3 7 4 7 7 3 _ 1 8 6 7 4 6 9 8 4 7 4 5 6 1 2 _ 1 1 5 0 4 0 0 1 8 5 8 2 9 7 6 _ 3 9 6 5 2 3 _ 1 4 5 8 1 2 1 0 2 7 _ n . j p g " >

      Delete
  2. gan narok html nya dimananya ya gan?
    trims

    ReplyDelete

Katakan pendapatmu tentang ini dan bagikanlah ke lainnya jika kamu suka artikel mewah ini.