Blogger Notes

Bosen dengan tampilan judul postingan yang begitu-begitu saja.Mungkin dengan meletakan image/gambar pada judul postingan blog kita, akan sedikit membuat tampilan pada blog menjadi lebih bagus dan lucu.langsung aja kita coba tutorialnya yuk, tinggal kamu ikutin aja langkah-langkahnya di bawah ini.

Langkah Pertama:
Kamu upload image yang akan dijadikan tampilan di judul postingan ke situs penyimpanan image, langkah ini untuk mengambil "Link direct" yang nantinya link direct ini akan di taruh/ditambahkan pada script template blog kamu.Setelah link direct berhasil didapatkan taruh sementara link direct tersebut di notepad.
Contoh link direct:

http://i775.photobucket.com/albums/yy37/andra347/dancecat.gif

setelah itu taruh kode di bawah ini di antara link direct:

<img src="

" width="45" hight="45" border="0"></img>

Angka yang berwarna merah pada code diatas adalah angka yang digunakan untuk menentukan ukuran dari image yang akan kita pasang,kamu bisa merubah ukuran tersebut sesuai keinginan kamu.
Setelah kode diletakan di antara link direct hasilnya akan menjadi seperti di bawah ini:

<img src="http://i775.photobucket.com/albums/yy37/andra347/dancecat.gif
" width="45" hight="45" border="0"></img>

Langkah kedua:
Login ke bloger kamu,buka "Template" => "Edit HTML" => berikan tanda centang pada "Expand widget template"
Langkah Ketiga:
Untuk mengembalikan keadaan Template kita ke keadaan semula,apabila sewaktu-wakctu terjadi kegagalan lebih baik "Back-up" dulu template kita terlebih dahulu,Back-up dilakukan setelah kita memberikan tanda centang pada Expand widget template.
Langkah Keempat:
Kamu cari kode di bawah ini pada template blog kamu:

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

<b:else/>

Untuk mempermudah dalam pencarian kode sebaiknya pergunakan fasilitas "Find".caranya hanya menekan tombol " Ctrl+F",lalu masukan kode tersebut pada kotak pencarian.Jika dengan menggunkan fasilitas "Find" tidak ketemu terpakasa kamu melakukan pencarian kode secara manual.
Langkah Kelima:
Setelah kode diatas berhasil di temukan, kamu sisipkan link direct diantara kode diatas
sehingga hasil lengkapnya seperti di bawah ini:

<a expr:href='data:post.url'><data:post.title/></a>
<img src="http://i775.photobucket.com/albums/yy37/andra347/dancecat.gif
" width="45" hight="45" border="0"></img>
<b:else/>

Langkah Keenam:
Kamu klik save template/simpan template dan lihat hasilnya,sekarang judul postingan di blog kamu sudah bergambar.
hehe,,,selamat ya and happy bloging