About

Pages

Rabu, 13 Januari 2010

Memasang Gambar/Foto/Logo di Samping Judul Postingan

Hari Minggu, saatnya bikin postingan yang ringan-ringan saja. Kali ini saya mau kasih tutorial cara memasang gambar di samping judul postingan. Seperti gambar saya yang ganteng di atas itu. Caranya gampang sekali. Tapi sebelumnya anda harus mengupload gambar (bisa berupa foto, ikon, logo, dll) yang akan dipasang di judul postingan. Upload gambar bisa pakai photobucket. Jika sudah, simpan dan kopi kode URL-nya.

Catatan: ukuran gambar kecilkan dulu dengan photoshop. Pada foto saya di atas, saya pakai ukuran 1x1 cm. Saat upload pilih juga ukuran yang paling kecil. Jika terlalu besar kurang enak dipandang.

Langkah selanjutnya:
1. Login ke blog.
2. Klik 'Layout/Tata Letak'.
3. Klik 'Edit HTML', lantas centang 'expand widget template'.
4. Cari kode <b:if cond='data:post.url'>
5. Tambahkan kode <img src='URL gambar'/> di atas kode <b:if cond='data:post.url'>tersebut.
Ket: ganti 'URL gambar' yang tersetak tebal di atas dengan alamat URL gambar yang sudah anda upload.
Contoh:
<img src='http://i303.photobucket.com/albums/nn121/wawanwae/aku-4.jpg'/
><b:if cond='data:post.url'>

6. Selesai.

Selamat mencoba.

sbr: http://wawanwae.blogspot.com

0 comments:

 

Blogger news

Blogroll

About