Sabtu, 05 Juni 2010

Tips Blogger/Blogspot - Meletakkan Gambar Di Kiri Atau Kanan Teks

          
gambar di kiri teksgambar di kanan teksWaktu awal-awal mulai membuat blog di blogger, persoalan memposisikan gambar di kiri atau kanan teks adalah salah satu yang cukup membuat pusing. Maklum waktu itu masih awam tentang HTML dan blog. Tapi setelah membaca-baca referensi HTML sambil coba-coba berbagai tag HTML, akhirnya ketemu juga. Ternyata tidak rumit, hanya menambahkan beberapa kode HTML, maka gambar langsung berada di kiri/kanan teks.

Untuk memposisikan gambar, kita harus mengedit kode HTML pada editor blog, caranya:

- Saat berada dalam text editor artikel, setelah kita menambahkan gambar, klik tulisan Edit HTML yang ada di atas text editor.

- Kemudian carilah kode HTML untuk gambar yang telah dimasukkan tadi, kodenya selalu di awal dengan <img. Jika menggunakan Firefox, tekan CRL+F lalu ketikkan <img ( klik tombol Next untuk mencari kode gambar yang berikutnya ).

- Tambahkan kode berikut di antara tag <img dan />:

align="left" hspace="5"

Kode di atas untuk meletakkan gambar ke sebelah kiri teks. Adapun kode hspace merupakan jarak antara gambar dengan teks. Jika anda ingin meletakkan ke sebelah kanan teks, cukup ganti tulisan left dengan right, seperti berikut ini:

align="right" hspace="5"

Atau untuk lengkapnya, penulisannya adalah:

...... <img ....      align="left" hspace="5" />

Berikut ini contohnya:

atur gambar blogger

- Setelah selesai melengkapi kode di atas, klik tombol Compose di atas editor untuk menampilkan postingan secara visual. Hasilnya gambar akan di tampilkan di sebelah teks.

hasil pengaturan posisi gambar di blogger

Mudah-mudahan tips ini bermanfaat bagi rekan-rekan blogger mania.

Artikel Lain Yang Berkaitan:

1 komentar:

  1. untung ada artikel ini, ane jadi tau caranya sekarang.
    dulu ane cuman tau naro gambarnya diantara - tengah teks. :P
    makasih gan

    BalasHapus