Membuat tabel untuk menata tulisan dan gambar pada blog



Banyak sobat blog yang meminta saya bagaimana agar tampilan halaman posting terlihat rapi. terutama pada saat anda membuat tulisan dan ingin menyisipkan sebuah atau beberapa gambar pada postingan anda.
Saya ambil contoh :
Jika anda memasukan sebuah gambar melalui menu insert image pada tab blogger. hasilnya akan terlihat seperti ini:

Gambar diletakkan pada sebelah kiri, dengan tulisan artikel pada sebelah kanan gambar.

Cara seperti ini mungkin anda sudah mengerti cara membuatnya.
untuk anda yang masih bingung, berikut caranya:
*Siliahkan klik menu insert image pada tab creat post anda.
*Kik pada gambar, silahkan pilih letak posisi gambar yang akan kalian letakan


Cara diatas tidak perlu menggunakan tabel, untuk menyusun layout halaman nya.
Berikut contoh menyusun tata letak gambar dan tulisan menggunakan tabel.

Disini saya menggunakan contoh dengan menyisipkan dua gambar pada bagian kanan dan kiri tulisan.
Cara ini anda tidak bisa langsung menggunakan seperti pada contoh diatas. anda harus menggunakan tabel untuk menyusun kerangka halamanya terlebih dahulu.

Berikut cara membuat kerangka tabel nya:
Pada contoh kedua diatas, saya menggunakan 3 kolom dengan posisi horizontal. sebelumnya,silahkan copy kode tabel berikut :

<table border="1"><tbody>
<tr><td>Alamat url gambar</td><td>Artikel anda</td><td>Alamat url gambar</td>
</tbody></table>

Dari table diatas, sudah cukup jelas bukan.?.
Pada kode table diatas, Tulisan yang berwarna ungu ganti dengan url gambar anda.
Sedangkan yang berwarna merah, Gunakan untuk tulisan artikel.

Untuk menghilangkan Border atau Garis tepi, Ganti Value Border menjadi ="0".
Sehingga hasilnya akan terlihat seperti ini :

Disini saya menggunakan contoh dengan menyisipkan dua gambar pada bagian kanan dan kiri tulisan.
Ini adalah hasil akhir dari tabel diatas tanpa border.

Selamat Mencoba... Salam Admin.

Tag : Menata tulisan dan gambar | Membuat tabel | Mengatur Halaman posting | Tabel HTML




Share your views...

0 Respones to "Membuat tabel untuk menata tulisan dan gambar pada blog"

Posting Komentar

Sebelum memberikan komentar, silahkan menjadi anggota sitelearning terlebih dahulu, Terimakasih

 

Langganan Artikel

Berlangganan posting Via Email:

Anggota Blog

FB Like