Membuat Text Disamping Gambar pada Posting
Bagi sobat yang mau mempraktekkannya langsung saja ikuti langkah-langkah berikut.
- Pertama buatlah sebuah posting seperti biasanya
- Kemudian pilih metode HTML yang berada disamping button COMPOSE
- Nanti sobat akan melihat kode seperti dibawah:
<div dir="ltr" style="text-align: left;" trbidi="on">
</div> - kemudian tambahkan kode HTML berikut tepat di baris ke-2. nanti akan menjadi seperti ini:
- Tulisan berwarna merah diganti dengan Link target ketika gambar di klik
Tulisan berarna biru diganti dengan Image Url atau Image Location.
<img alt="masukkan deskripsi gambar disini" dan Title="Masukkan title gambar disini"(berfungsi untuk SEO)
Sedangkan Tulisan berwarna orange adalah text yang sobat ketik nantinya akan berada sebelah kanan disamping gambar tersebut..
Note : Untuk penulisan text Artikel tidak perlu harus menggunakan Metode HTML, jadi jika sudah selesai dan ingin melanjutkan artikel sobat tinggal ganti lagi ke metode COMPOSE, dan lanjutkan seperti biasa
<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZay1CFZSDHIRMwbtEWGIxulezxITN0LHRE_vdGpAojSSj8iAa4JgKUYNmX3tds6kfmYUPJjv98EKqo-LoP4cUi9T6U3xkBuMMcI0BZGJYt4Xd0iwFgujfOcgCEd3ckX-MZl5OoqeatWo/s320/Report+Text.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="gambar text disamping" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZay1CFZSDHIRMwbtEWGIxulezxITN0LHRE_vdGpAojSSj8iAa4JgKUYNmX3tds6kfmYUPJjv98EKqo-LoP4cUi9T6U3xkBuMMcI0BZGJYt4Xd0iwFgujfOcgCEd3ckX-MZl5OoqeatWo/s320/Report+Text.JPG" title="gambang samping text" width="200" /></a></div> Text yang berada disamping gambar... </div>
Seperti itulah kira-kira sobat cara membuat Text disamping gambar pada posting dengan sedikit mengubah kode HTML, semoga posting Blogeraceh ini bermanfaat dalam aktifitas Blogging ya.
Happy Blogging b^^a.
Happy Blogging b^^a.
Labels: template
5 Comments:
wew, tips begini jarang lho,
thanks udah berbagi..
sama-sama sob :GR35
ty gan, postingannya mantap..tap..tap, udah ane cobain. sukses selalu
yup :GR10
gak bsaaa di copy kang,, (derita blogger hp)
Post a Comment
Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange
Subscribe to Post Comments [Atom]