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.
Kalo dari facebook,
ReplyDeletenulis Urlnya contohnya pake http://facebook.com gak?
Kalau fotonya dari facebook maksud tiara?
DeleteKalau 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 " >
gan narok html nya dimananya ya gan?
ReplyDeletetrims