Kamis, 29 Maret 2012

Meletakkan Gambar Sebelum Judul Blog

meletakkan gambar sebelum judul blog,
siapkan gambar anda
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/AVvXsEjQfB3ZZM1zc12KtV_iBwaDWGvqmcNKSFT0EwAMdijgmjuZQ8u6CoohevIpC8L9JGYFtCzSVZ9rVOIeurG5UTQsBUzt9AuPR0-XWE_n9FPPbzuOzICpj66rLyuytnPc-OQRaEc6mRi6s7Y_/s1600/131849_133441810048980_100001494863367_194655_7999354_o.jpg 

Rubahlah menjadi seperti ini:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfB3ZZM1zc12KtV_iBwaDWGvqmcNKSFT0EwAMdijgmjuZQ8u6CoohevIpC8L9JGYFtCzSVZ9rVOIeurG5UTQsBUzt9AuPR0-XWE_n9FPPbzuOzICpj66rLyuytnPc-OQRaEc6mRi6s7Y_/s1600/131849_133441810048980_100001494863367_194655_7999354_o.jpg"></img>

Warna merah,ganti dengan alamat URL gambar yang telah anda siapkan tadi.
Simpan di Notepad dulu,jangan disimpan dan jangan pula di hapus,aaaaalah!

Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Widget Templates,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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfB3ZZM1zc12KtV_iBwaDWGvqmcNKSFT0EwAMdijgmjuZQ8u6CoohevIpC8L9JGYFtCzSVZ9rVOIeurG5UTQsBUzt9AuPR0-XWE_n9FPPbzuOzICpj66rLyuytnPc-OQRaEc6mRi6s7Y_/s1600/131849_133441810048980_100001494863367_194655_7999354_o.jpg"></img>
<data:post.title/></a>


Setelah itu klik Preview/Pratinjau untuk melihat hasil contohnya,jika sudah merasa OK,klikSimpan Templates.
**Untuk membuat jarak antara gambar dan Judul,anda bisa menuliskan tanda &nbsp;&nbsp;

sebelum kode <img src="http://...






From :  http://pelajaran-blog.blogspot.com

Tidak ada komentar:

Posting Komentar

masukkan komentar anda disini