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.
7 komentar:
membantu bgt bagi aq yg msh awam bgt. makasi mas...
Tp biar rata sama posting gimana kang?
huhuhu
aow....
hei liat blog aku!!!!
aku mau smua doraemon,,,,,
kang jaloee ...lamun pasang banner di header pke fungsi iframe ko ga bisa yahh...??? gmn cara na ???
tapi klo pke fungsi a href bisa
TIPSNYA KEREN-KEREN NICH....
klo yang ini lom pernah nyoba...
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