Sunday, November 27, 2011

Menambah Gambar/Icon Sebelum Judul Posting Blog

Menambah Gambar/Icon Sebelum Judul Postingan Blog or Cara Pasang Icon di Samping Judul Postingan Langsung aja dah ke Tutorial Blogspotnya Cara Menambah Gambar/Icon Sebelum Judul Postingan Blog

Cara Menambah Gambar/Icon Sebelum Judul Postingan Blog

Contoh,alamat URL gambar yang saya punya:
http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif</blockquote>
Ubahlah Menjadi Seperti Ini

<img src="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif" />
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><b:else/>

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><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
&nbsp;&nbsp;
Sebelum Kode <img src="http://...

Selesai Deh Cara Menambah Gambar/Icon Sebelum Judul Postingan Blog


Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )

Pasang Kodenya Di Bawah ini di atas kode </head> :

<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>

Terima Kasih Jika Anda Telah Memasang Logo ini Silakan Konfirmasikan Ke Blog ini