Cara Meletakkan Gambar Sebelum Judul Posting

Putra Kefa
Putra Kefa
Updated:

Meletakkan gambar sebelum judul posting 

– Sahabat blogger kembali saya share cara menghias blog dengan memasang gambar sebelum judup posting .
Sebelumnya Anda sipakan gambar yang ingin diupload ke file hosting Anda atau ke blog Anda. Jadi tingga dicopy alamat link URL gambar tersebut .
Berikut contoh,alamat URL gambar yang saya ambil dari blog Pelajaran Blog :

http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif

Rubahlah menjadi seperti ini:

<img src="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>

Warna merah,ganti dengan alamat URL gambar yang telah anda siapkan tadi.
Simpan di Notepad dulu unutk memudahkan Anda mengeit link tersebut .
Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.

Contreng Expand Template Widget . ,lalu cari kode berikut :

<a expr:href='data:post.url'><data:post.title/></a>

Untuk mempermudah pencarian,Tekan Ctrl+F pada keyboard,dan tuliskan kode tersebut,nantinya kode akan terdeteksi secara otomatis!

Setelah ketemu,sisipkan alamat URL gambar anda (yang sudah anda simpan di notepad tadi),di antara kode tersebut.

Setelah kode URL alamat gambar anda disisipkan,akan menjadi seperti ini :

<a expr:href='data:post.url'>
<imgsrc="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>
<data:post.title/></a>

Setelah itu klik Preview/Pratinjau untuk melihat hasil contohnya,jika sudah merasa OK,klik Simpan Templates.

**Untuk membuat jarak antara gambar dan Judul,anda bisa menuliskan tanda &nbsp;&nbsp;
sebelum kode <img src="http://...
Salam ide kreasi !!
^_^

M
tips dan trik blogger blogspot
Post a Comment