March 14, 2011

Tutorial Mengganti Pavicon Sesuai Selera

Seorang blogger biasanya ingin memberikan inisial atau tampil beda dengan blog lainnya, dan untuk memberikan panorama tersendiri hal ini dirasa sangat penting, seperti memasang jam atau tampil dengan tulisan kapital bergaya koran dan lain sebagainya. Termasuk juga mengganti pavicon (icon)sesuai selera kita sendiri, kali ini tsalma tutorial akan memberikan triknya. Tidak sulit dan sangan tsederhana. Caranya buatlah gambar atau icon sesuai dengan selera anda, kalau di blog ini memakai simbol “w” yang penting ukurannya kecil maksimal 32px x 32px supaya loading blog tidak lemot. Lalu ikuti langkah berikut: 

1. Buat gambar di photoshop atau office manager dll
2. Upload gambar tersebut di www.photobucket.com (kalau belum punya akun photobucket, silahkan daftar terlebih dahulu, gratis aja kok)
3. Kalau sudah ambil gambar link-nya. Kira kira seperti ini modelnya:

http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg

4. Selanjutnya kita akan meletakkan kode tersebut dalam blog dengan cara sebagai berikut
5. Login dengan akun blogger anda
6. Klik Rancangan/Layout
7. Kemudian klik Edit HTML
8. Centang Expand Widget Template
9. Cari kode ]]></b:skin> anda masih ingat supaaya muda carilah pakai ctrl-F
10. Kalau sudah ketemu masukkan kode berikut, di bawah kode ]]></b:skin>

<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg.' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ganti URL yang berwarna Biru dengan URL gambar Anda.
11. Terakhir Save/Simpan Template. Selesai dan silahkan lihat hasilnya.
Atau bisa juga dengan cara yang lebih simpel dengan cara berikut:
1. Login dengan akun blogger anda
2. Klik rancangan
3. Cari kode </head>
4. Copy kode berikut ini, dan letakkan persis di atas kode </head>


<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg' rel='shortcut icon'/>

ganti kode yang di blocked itu, dengan kode dari photobucket anda, kode tersebut adalah kode blog ini

Lalau save, saya yakin anda adalah orang yang suka tantangan, silahkan laksanakan (165)

1 comment:

  1. cakep sista ! nice tuts ! pencerahannnye ...tested worked ....

    ReplyDelete