Ada beberapa tahap yang harus anda lakukan,
1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti photobucket, tinypic, dll (dalam contoh ini kita menggunakan photobucket)
Cara upload foto atau gambar dapat dilakukan dengan 2 cara yaitu : gambar diupload ke hosting sendiri dan ada satu cara lagi yaitu gambar diupload ke situs lain, dalam hal ini adalah situs penyedia image hosting, seperti photobucket.com
Cara upload foto atau gambar di hosting sendiri ( dot com anda sendiri ) dapat dilakukan dengan login ke cpanel hosting anda, kemudian klik upload, tentukan gambar yang akan diupload dan ikuti petunjuk selanjutnya.
Sedangkan cara upload foto atau gambar ke photobocket.com dapat dilakukan dengan langkah sebagai berikut :
- Jika anda sudah mempunyai akun di photobucket.com, anda dapat langsung sign in, jika belum anda harus membuat akun dulu dengan klik sign up dan ikuti petunjuk selanjutnya.
- jika sudah sign in langsung klik saja upload
- kemudian klik select photos and videos
- pilih gambar yang ingin diupload
- setelah proses upload foto atau gambar selesai, kemudian klik view album untuk melihat gambar.
Sampai di sini proses cara upload foto atau gambar sudah selesai, namun jika kita ingin menyisipkan gambar tersebut, kita harus mengetahui link gambar dengan cara sebagai berikut :
- setelah kita sign in ke photobucket.com, klik saja view album
- kemudian pilih gambar yang diinginkan ( arahkan mouce, klik direct link )
- Dan copy paste kedalam blog yang kita inginkan
2. Masuk/Login ke Blogger.com menggunakan akun sobat.
3. Pada Dasbor tampilan blogger baru, pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/JavaScript.
3. Beri judul pada Widget, Contoh "My Foto Gallery".
4. Kemudian letakkan semua kode di bawah ini pada kotak HTML/JavaScript.
<marquee behavior= "alternate" direction="left" scrollamount ="4" width= "100%" height="100%">
<img src="Alamat URL gambar 1"height="200"width="260"/>
<img src="Alamat URL gambar 2"height="200"width="260"/>
<img src="Alamat URL gambar 3"height="200"width="260"/>
</marquee>
Penjelasan:
<marquee .....>
kode perintah awal dimana tanda titik-titik dapat diisi perintah sarberputar, arah putar, ukutan tampilan
"alternate"
Arah berputar bisa kekanan dan ke kiri.
scrollamount="4"
kecepatan perputaran gambar, semakin tinggisemakin cepat
<img src=....../>
kode tempat menampilkan alamat gambar di url tempat kita upload
</marquee>
kode perintah penutup
Setelah semua di paste kan, lalu save dan langsung bisa dilihat hasilnya.
Semoga bermanfaat,
DK
balas ikuti ya pak
ReplyDeletebaik pak
DeleteSangat membantu, terimakasih ilmunya.
ReplyDeletesama-sama pirawati
ReplyDeleteThank you, this article is very inspiring and increases knowledge. Greetings from my univ walisongo.ac.id
ReplyDeleteYour welcome Vaniaazzahra
Delete