2 contoh gambar atas dihoskan dalam Picasa Web Album (rujuk panduan dalam blog tutorial bawah tajuk Hos Gambar Dalam Picasa Web Album"). Contoh kod pautan gambar dari picasa:
<a href="http://picasaweb.google.com/lh/photo/spd8TP45pTWw8zjS23Gmbu6YyhZCDAddtQxI6lh44DY?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UT_DYTz5ZNkjRKmofZCYbwnnLyjs6xW5Vh2qdK6HTxH_OuZmxkXEIjUQs3tPsmtlLT2-6EQSyEJ2KdRmPx6SQ5YMXZp2t411hD7oT2QU7HT-7XPdBXD2Wh4bGYY5FQGVyxWfih_EEi4/s288/Islam8.jpg" height="210" width="288" /></a>
<a href="http://picasaweb.google.com/lh/photo/rstUaHNC-OMPPbxZFz95eO6YyhZCDAddtQxI6lh44DY?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigPm02BqwN_EX8N-dVEQ9RGwgxdxLiZ0rTsXKxe_e6AWvO5d_bQUP-fpquhgGqtrCv9sxYkIDJajDtyWEHJKZrPcTwKBdwK8oITeW0FiLIPRoWtJYuCXx4ic0t3pAgpIHiRwXPoqRuEe4/s288/Hijab_Ladies.jpg" height="120" width="207" /></a>
Untuk susun gambar sebelah menyebelah dalam pos blog (mesti pilih mode Edit HTML) tambah kod warna merah sebelum dan selepas gambar:
<div style="float: left;"><a href="http://picasaweb.google.com/lh/photo/spd8TP45pTWw8zjS23Gmbu6YyhZCDAddtQxI6lh44DY?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UT_DYTz5ZNkjRKmofZCYbwnnLyjs6xW5Vh2qdK6HTxH_OuZmxkXEIjUQs3tPsmtlLT2-6EQSyEJ2KdRmPx6SQ5YMXZp2t411hD7oT2QU7HT-7XPdBXD2Wh4bGYY5FQGVyxWfih_EEi4/s288/Islam8.jpg" height="150" width="207" /></a></div>
<div style="float: left;"><a href="http://picasaweb.google.com/lh/photo/rstUaHNC-OMPPbxZFz95eO6YyhZCDAddtQxI6lh44DY?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigPm02BqwN_EX8N-dVEQ9RGwgxdxLiZ0rTsXKxe_e6AWvO5d_bQUP-fpquhgGqtrCv9sxYkIDJajDtyWEHJKZrPcTwKBdwK8oITeW0FiLIPRoWtJYuCXx4ic0t3pAgpIHiRwXPoqRuEe4/s288/Hijab_Ladies.jpg" height="120" width="207" /></a></div>
No comments:
Post a Comment