Selasa, 03 Maret 2009

cara menampilkan gambar disebelah judul postingan

Bagi anda yang ingin merubah image blog ada agar kelihatan keren dengan ada nya gambar disebelah judul postingan, anda cukup menambahkan / menyisipkan code html pada template anda.Ingin tahu cara menambahkan / menyisipkan gambar tersebut, oke kita mulai saja siapkan gambar yang anda suka lalu anda bisa uplod lewat web hossting yang free,

seperti photobucket, yahoo geocities terserah anda yang anda minati buat upload gambar tersebut.Sebaiknya anda simpan file tersebut pada format .gif , .Jpg atau .png.Kalau gambar sudah diupload anda copy ke dalam notepad dulu misalkan nama filenya http://www.geocities.com/anda id anda/INTELINS.gif file tersebut jg bisa anda pake buat mengganti logo standar dari blog sudah pernah saya bahas Cara ganti icon Blogger dengan hasil kreasi sendiri.Sudah siapkan mari kita belajar blog.
Sebelum anda merubah template anda sebaiknya anda dibisakan buat Download Template Lengkap anda dulu fungsinya buat menjaga-jaga agar template yang lama bisa anda gunakan kembali bila terjadi kesalahan pada waktu menambahkan code html pada template anda.
Code yang nantinya akan anda sisipkan nantinya menjadi seperti dibawah ini :
[img src="http://www.geocities.com/nama id anda/INTELINS.gif" width="45" hight="45" border="0">

Cara Untuk template klasik

* Silakan anda login ke bloger dengan id anda
* Klik menu template
* Edit html jangan lupa beri tanda centang Expand Template Widget saya ulangi lagi Download Template Lengkap anda sebelum merubahnya.
* cari code seperti bibawah ini

<$BlogItemTitle$>

Untuk menemukan code tersebut anda tinggal find saja kalau ketemu tinggal anda sisipkan saja code yang tadi anda sudah copy pate kedalam notepad tadi.Jadi kalau digabungkan akan menjadi seperti dibawah ini :

[img src="http://www.geocities.com/nama id anda/INTELINS.gif" width="45" hight="45" border="0">  <$BlogItemTitle$>

Langkah selanjutnya anda tinggal klik Preview dulu sebelum disave untuk memastikan ada perubahan pada blog anda.Kalau sudah merasa yakin anda tinggal klik save setting.
Ohhh ya hampir lupa untuk tulisan [img anda ganti codenya jadi seperti ini < img
Selesai sudah buat template klasiknya.

Sekarang dengan template baru / New blogger defaul

caranya hampir sama cuma beda code saja yang mesti anda cari, daripada pusing 7x ikuti saja caranya dibawah ini :

untuk code gambar sama yaitu seperti ini < img src="http://www.geocities.com/nama id anda/INTELINS.gif"
width="45" hight="45" border="0">

Untuk menyisipkan code gambar pada template anda

* Login dulu dengan id blogger anda
* Klik menu Layloy / Tata letak
* jangan lupa untuk dibiasakan downlaod template lengkap anda sebelaum merubah susunan tata letak template tesebut
* Klik menu edit Html beri tanda centang pada Expand Template Widget
* Tunggu sebentar sampai proses selesai
* Lalu cari code template seperti dibawah ini

[a expr:href='data:post.url'>


* Sisipkan code uploadan gambar yang sudah anda siapkan pada notepad tadi diantara
[a expr:href='data:post.url'> nama code gambar


Bila digabungkan codenya akan menjadi seperti dibawah ini

[a expr:href='data:post.url'> [img src="http://www.geocities.com/nama id anda/INTELINS.gif" width="45" hight="45"

border="0">


* Klik menu Preview untuk melihat perubahan tersebut
* Kalau sudah merasa cocok tingal anda save
* selesai

Nb : Perhatikan dulu semua code html harus anda buka dan tutup dengan benar contoh tanda buka seprti ini [ tidak

berlaku sebaiknya anda ganti dengan tanda seperti ini < . Jadi anda harus perhatikan dengan seksama code Html diatas.



Untuk width dan hight anda bisa sesuaikan ukurannya sendiri kalau terasa kebesaran anda bisa tinggal mengkurangi

angkanya saja.

Sekian dulu Tips ilmu belajar Blog Hari ini

Tidak ada komentar:

Posting Komentar