Membuat Gambar di Sebelah Judul Posting

Haloo semua Masih di Green Tree tentunya kali ini saya akan mnge-share artikel dari rieztoshare yang patut di apresiasi dengan kata WoW atau Jempol 4 

eng-ingeng hari mulai sore saya percepat aja, kali ini saya akan menge-sahre tirk "cara memberi gambar di sebalah judul postingan" pasti baru denger kan? apalagi judul nya panjang kaya kereta, saya sendiri baru kemaren malahan di beri tau rieztoshare

untuk mempersingkat waktu saya langsung kasih gambaran nya aja

Nah udah paham bukan? sekarang langsung parktek aja

Cara yang pertama Pilih Gambar kesayangan Sobat bisa Gambar Keluarga dan Lain-lain

kedua di Upload lalu di ambil Alamat-Gambar nya atau anda bisa ambil dari Google

for example > http://i1149.photobucket.com/albums/o589/rieztoshare/rieztoshare-1.gif

or  

http://www.coloring-pictures.net/drawings/WoodyWoodpecker/Woody-Woodpecker-in-a-car.gif

Cara Berikut nya > 

Kemudian buat hingga menjadi  seperti dibawah ini (bisa diedit dengan notepad). Lalu sobat juga dapat menentukan ukuran gambar (width dan height)

<img align="left" height="50" src="http://i1149.photobucket.com/albums/o589/rieztoshare/rieztoshare-1.gif" width="50" />

Setelah menjadi yang seperti diatas, barulah  kita masukan kode diatas ke dalam template.
1. Masuk dulu ke Blogger/Dasboard.

2. Masuk ke menu Template.

3. Edit HTML, Klik Lanjutkan, dan jangan lupa centang expand template widget, oiya back up dulu template sobat apabila diperlukan (jika sobat memiliki ketelitian luar biasa, memback up template tidak perlu dilakukan).

4. Kemudian, cari kodedibawah ini.

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

5. Kemudian letakkan kode image sobat dibawah kode yg diatas itu persis. Sehingga menjadi seperti dibawah ini.

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<img align="left" height="50" src="http://i1149.photobucket.com/albums/o589/rieztoshare/rieztoshare-1.gif" width="50" />

6. Kemudian yang terakhir, simpan Template.

Silahkan anda Cek sendiri Bila berhasil Silahkan Berkomentar dan kalau perlu di upload SS nya dan di kirim ke Blog saya alamat Gambar nya, sebgai Pendukung untuk memajukan Sesama blog.

sekian dari saya Terimakasih, Muaach

We Are Friends (┌'⌣')┌♥┐('⌣'┐)