Cara memasang logo di blog

Setelah posting tentang cara membuat logo blog.Kali ini saya akan posting tentang cara memasang logo di blog,Jika sobat belum membaca artikel yang lama silakan baca dulu di sini


berikut cara memasang logo di blog :

Pembuatan Image Hosting
Image/Logo yang telah anda buat sebelumnya harus di buatkan image hosting terlebih dahulu, berikut cara-caranya:

1.Buka http://photobucket.com/ Kalo belum terdaftar di situs ini, sebaiknya daftar dulu dengan mengklik sign up yang ada di kanan atas layar.

2.Login dengan account sobat.

3.Klik tombol upload lalu browse Image sobat. ( jangan ditutup dulu windownya )

Pemasangan Logo
4.Masih blum di tutup kan window photobucketnya?,ok saya anggap blum di tutup. Login ke blogger sobat, klik rancangan pilih edit html,lalu cek list expand template widgetnya.

5.Lalu cari script html berikut :
<b:includable id='title'><a expr:href='data:blog.homepageUrl'><data:title/></a></b:includable>
Biar lebih cepet nyarinya pake CTRL + F aja

6.Hapus script <data:title/> lalu gantikan dengan script html berikut untuk logo yang tidak di berikan efek mouse over :

<img src="Masukan alamat image sobat"width=”160″ height=”39″ alt=”Blog Biawak” />


Tulisan yang berwarna merah di ganti dengan alamat Image sobat yang di dapatkan dari photobucket dengan mengarahkan mouse ke arah Image sobat di photobucket lalu mengklik URL yang ada di kolom direct link (otomatis url tersebut sudah tercopy) lalu copy-kan ke tulisan yang berwarna merah di atas.

Tulisan yang berwarna biru merupakan ukuran Image sobat silakan di ganti sesuai keinginan
width merupakan lebar gambar,
height merupakan tinggi gambar.

Tulisan yang berwarna kuning(atau oranye, saya juga kurang tau :)) di isikan dengan nama sesuka sobat, tidak di isi juga boleh, di hapus pun boleh.



Untuk logo yang di berikan efek mouse over berikut script htmlnya :

<img scr=" Masukan alamat image pertama"
onmouseover="this.src='Masukan alamat image kedua';" onmouseout="this.src='Masukan alamat image pertama';" />

Tulisan Masukan alamat image pertama di isikan alamat URL image pertama/image yang sebelum tersentuh mouse
Tulisan Masukan alamat image kedua di isikan alamat URL image kedua/image yang sesudah tersentuh mouse

7.Simpan template-nya

Contoh hasilnya bisa di lihat sendiri di Blog Biawak ini..

Notice : Pilih salah satu tipe logo blog anda, jika logo yang memakai code html tambahan mouseover hasilnya akan seperti blog biawak ini.


Selesai dah postingan saya kali ini..

Selamat Mencoba...