Topics :
Home » » Cara Memasang Gambar di Judul Postingan Blog

Cara Memasang Gambar di Judul Postingan Blog


Ungkit - Cara memasang gambar pada Judul postingan Blog. Untuk menampilkan gambar pada judul postingan ke dalam blogke dalam Blog terlebih dahulu carilah sebuah gambar yang dimasukan ke dalam script berikut ini.



contoh:

<img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0">

Bagi Template Klasik - Langkah Selanjutnya adalah:


Sign in ke blogger Anda

Klik menu Template

Klik menu Edit HTML

Centang Widget Template biar Aman.

Cari kode berikut:


<$BlogItemTitle$>

cara yang mudah untuk menemukan kode tersebut adalah tekan Ctrl + F dan Enter>

Kalo sudah ketemu kemudian Copy dan Paste kode ini :

<img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0">

Bisa sebelum atau sesudahnya tergantung dari keinginan kita. Tentunya bila di simpan sebelum kode judul posting maka image pun akan muncul sebelum judul posting, jika di simpan sesudah kode judul posting sudah barang tentu image pun akan muncul sesudah tulisan judul.

Contoh sebelum tulisan judul :

<img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0">

Kemudian tambahkan kode &nbsp;&nbsp; sebelum kode <$BlogItemTitle$>

Contoh jadinya :

<img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0">&nbsp;&nbsp;<$BlogItemTitle$>

Kode &nbsp;&nbsp; adalah untuk memberi jarak spasi antara image dengan tulisan judul postingan.


Kalo Selesai Klik tombol Preview untuk melihat perubahan yang dilakukan


Jika sudah OK, klik tombol Save Settings


Selesai


Bagi yang memakai Template Baru :

Kode yang dipakai berbeda dengan Kode template lama, karena ada tambahan kode penutup </img>

Contoh :

<img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0"></img> &nbsp;&nbsp; 


Langkah Selanjutnya yaitu :

Sign in ke blogger dengan id sobat

Klik menu Layout

Klik menu Edit HTML

Download Template jika ragu

Beri tanda centang pada Expand Widget Templates biar aman..

Cari kode berikut:


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


Sisipkan kode gambar yang kita miliki diantara kode :


<a expr:href='data:post.url'> dan kode <data:post.title/></a> 
<b:else/>

Contoh Jadi :

<a expr:href='data:post.url'> <img src="ISI DENGAN URL GAMBAR ANDA" width="45" hight="45" border="0"></img> &nbsp;&nbsp;<data:post.title/></a> 
<b:else/> 


Klik tombol PREVIEW untuk melihat perubahan

Kalo sudah jadi Klik SAVE

Selesai

Selamat Mencoba dan Semoga Berhasil


Sumber : http://gariscerdas.com/

1 komentar :