Memajang Gambar dari Image Hosting ke blog

Tutorial Blogger Bab 1 bag 10

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 :

< IMG SRC=" Alamat url gambar yang kita dapat dari photobucket ">

alamat url-nya  di apit oleh tanda kutip " ".

misalkan alamat gambar  yang di berikan oleh photobucket seperti yang di tulis berwarna hijau di bawah ini.

<IMG SRC="
http://1120.photobucket.com/album/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 :
<a href= "http://catalog-tutorial.blogspot.com/">
< Img  Src =" alamat url gambar"></a> 

 

Jika blog ini bermangfaat.Ikuti terus update informasi nya. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .Makasih juga atas kunjungannya.

 

Artikel selanjutnya : Sekilas Anatomi Template New Blogger.

 

Technorati tags: Blogger Tutorial, New Blogger