Tutorial ini lanjutan dari artikel yang berjudul Menyimpan Gambar Ke photobucket atau googlepages.
Setelah kita menyimpan gambarnya ke photobucket atau googlepages, sekarang kita akan membahas cara memajang gambar ke halaman blog .
terutama menyisipkan gambar untuk sebuah artikel atau menambahkan gambar ke halaman sidebar.
Sedangkan untuk menyisipkan untuk Judul Blog ( Header ) atau Latar Blog ( Body Background ) kita akan bahas pada blogger bab selanjutnya.
Menyisipkan Gambar ke dalam Artikel.
untuk menyisipkan gambar ke dalam sebuah artikel, cara yang mudah dalam Editor blogger ( tentang editor blogger penjelasannya di sini ).
klik tombol Tambahkan Gambar.
setelah terbuka jendela Upload gambar, pada kotak input di samping tulisan Url : masukan - alamat url gambar yang di berikan oleh photobucket .
Kemudian Klik Upload Gambar
Namun Jika kita menulis artikel dengan memilih cara Edit Html di Editor blogger , maka untuk menyisipkan gambarnya kita perlu mengunakan sebuah code html. kodenya seperti ini :
< src=
alamat url-nya di apit oleh tanda kutip " ".
misalkan alamat gambar saya yang di berikan oleh photobucket seperti ini.
http://1120.photobucket.com/album/1090/jaloewig/my_diary.jpg">
Jika ingin menambahkan ukuran gambar, atau mengedit ukuran gambar pada tampilan browser .
kode htmlnya seperti ini. :
< IMG SRC = " alamat Url gambar " WIDTH= "60" HEIGHT="45">
WIDTH : ukuran lebar
Height : ukuran tinggi
JIka ingin menambahkan border di sekeliling gambar kodenya seperti ini :
Border="Nilai"
< IMG SRC = " Alamat Url Gambar " BORDER="3">
Jika kita ingin membuat link gambar, yakni menjadikan gambar ketika di klik membuka halaman blog atau alamat url lain. kodenya seperti ini.
< a href= " halaman blog atau alamat url lain yang di tuju "> < IMG SRC = " alamat url gambar"> </a>
misalkan alamat yang dituju ketika seseorang menekan gambarnya adalah blog ini, http://catalog-tutorial.blogspot.com/
jadi :
< href= "http://catalog-tutorial.blogspot.com/">< src =" alamat url gambar">
