Jumat, 14 Maret 2014

Cara menyimpan gambar di photobucket.com & menjadikan gambar pojok pada BLOG

Mungkin judulnya kepanjangan, soalnya bingung mau kasih judul apa. 
Oke pada kesempatan kali ini saya akan menjelaskan tentang cara menyimpan gambar pada web penyedia tempat penyimpanan gambar, web yang saya gunakan adalah photobucket.com
langsung saja kita mulai...

1. Pertama-tama anda harus memiliki Akun photobucket.com 

2. Jika belum punya silahkan Register kemudian konfirmasikan akun pada email kalian atau anda dapat juga login menggunakan Facebook.

3. Jika sudah masuk, klik tulisan UPLOAD seperti gambar bertanda panah berikut ini.


  
4.  Pilih "Choose Photos & Videos" untuk mengunggah gambar dari komputer kamu, lihat gambar dibawah yang bertanda panah merah.


5. Selesai, sekarang gambar kamu sudah tersimpan di web photobucket. mudah yaa..

6. Jika kamu ingin menjadikan gambar kamu menjadi gambar pojok pada blog kamu baca dulu artikel Cara Memasang Gambar di Pojok pada Blog jika sudah dibaca, lanjut ke bahasan sebelumnya caranya buka gambar yang tadi kamu upload/kamu ingin jadikan sebagai gambar pojok di blog.

7. Kemudian lihat pada kolom "Link to share this photo" sebelah kanan gambar kamu, pilih yang IMG lalu klik link disampingnya, secara otomatis link tersebut akan tercopy. lihat gambar dibawah yang bertanda panah & diberi lingkaran merah.



8. Setelah itu copykan link tersebut pada script html, tepatnya pada tag <img src=' '/></a> ditengah-tengah tanda kutip ( ' ).

Contoh (SEBELUM):
<a href='http://sdkhandoko.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;' title=''><img src='COPYKAN LINKNYA DISINI'/></a>

Contoh (PROSES):
 ***Pada proses ini hapus link yang berwarna MERAH, kemudian sisakan link yang berwarna BIRU saja***
<a href='http://sdkhandoko.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;' title=''><img src='[URL=http://s1328.photobucket.com/user/armok99/media/luffygua_zps5d38b93f.png.html][IMG]http://i1328.photobucket.com/albums/w523/armok99/luffygua_zps5d38b93f.png[/IMG][/URL]'/></a>

Contoh (SELESAI):
<a href='http://sdkhandoko.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;' title=''><img src='http://i1328.photobucket.com/albums/w523/armok99/luffygua_zps5d38b93f.png'/></a>

Sudah selesai, gimana mudah kan... 

Tidak ada komentar:

Posting Komentar