BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

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 saya yang di berikan oleh photobucket seperti ini.

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

Artikel selanjutnya : Sekilas Anatomi Template New Blogger.

Technorati tags: ,
Page views this post: reader

7 komentar:

balicheckin said...

membantu bgt bagi aq yg msh awam bgt. makasi mas...

banirisset.com said...

Tp biar rata sama posting gimana kang?

arin swim-swam said...

huhuhu
aow....
hei liat blog aku!!!!
aku mau smua doraemon,,,,,

rafybani said...

kang jaloee ...lamun pasang banner di header pke fungsi iframe ko ga bisa yahh...??? gmn cara na ???
tapi klo pke fungsi a href bisa

bibit jabon said...

TIPSNYA KEREN-KEREN NICH....

alumni darul amanah said...

klo yang ini lom pernah nyoba...

buah, pepaya said...

aku Senang Bisa berkunjung disini. BANYAK inspirasi Yang Bisa saya temukan di Sini,. cara Sobat Yang BAGUS untuk dipelajari

Post a Comment

" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah

Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"

Makacih Atas Komentar-Nya

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial