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:
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
Posting Terkait:
- Media social share blogger dengan Tooltip
- Meta Tag Generator Tool buat blogger
- Membuat Efek lipatan | effect mengelupas pada pojok template blogger
- Membuat Link begerak bila disentuh kursor mouse
- Membuat Text Berjalan
- Membuat bendera Social Share Bookmark
- Membuat sitemap untuk blogger
- Membuat slide show
- Membuat tabel untuk menata tulisan dan gambar pada blog
- Menambahkan widget keren Recent post
Tags: Belajar blog
Langganan:
Posting Komentar (Atom)
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