Bagi
temen-temen yang ingin meletakkan
gambar sebelum judul artikel,seperti pada blog ini,bisa ikuti langkah-langkah berikut ini:
Sebelumnya,siapkan
bahan yang akan digunakan,yaitu gambar yang ingin anda letakkan. Setelah
bahan sudah ada,anda tinggal upload ke hosting anda,atau bisa ke blog anda sendiri,setelah itu copy alamat URL gambar
tersebut.
Contoh,alamat
URL gambar yang saya punya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHRcvpHIMWd1KOpo2bOn25Lj6rWe1xCtV6uLvYhNVjQTTntLYAu5YEPhqF4adE9tMZOKtnTMfcFHZeFiMQ9K-qQzKi2lZ1y7lifEi2opYArVt0DC8NJN6kYpz4pmbwDdKcJqwgPr7klE/s1600/blogger+copy.png
Rubahlah
menjadi seperti ini:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHRcvpHIMWd1KOpo2bOn25Lj6rWe1xCtV6uLvYhNVjQTTntLYAu5YEPhqF4adE9tMZOKtnTMfcFHZeFiMQ9K-qQzKi2lZ1y7lifEi2opYArVt0DC8NJN6kYpz4pmbwDdKcJqwgPr7klE/s1600/blogger+copy.png"></img>
Setelah
itu,pergilah ke Dashboard Blog anda,lalu
pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Widget Templates,lalu cari kode berikut
:
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'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHRcvpHIMWd1KOpo2bOn25Lj6rWe1xCtV6uLvYhNVjQTTntLYAu5YEPhqF4adE9tMZOKtnTMfcFHZeFiMQ9K-qQzKi2lZ1y7lifEi2opYArVt0DC8NJN6kYpz4pmbwDdKcJqwgPr7klE/s1600/blogger+copy.png"></img>
<data:post.title/></a><b:else/>
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
Tidak ada komentar:
Posting Komentar
Terima Kasih Atas Komentar Anda