Cara Mengganti Icon Blogger
Cara mengganti icon di adress bar, cara mengganti icon blogger, cara merubah icon blogger menjadi foto anda sendiri. Atau cara membuat favicon pada blog yaitu sangatlah muda. Berbeda dengan Wordpress, jika pada Wordpress, untuk mengubah shortcut icon tersebut cukup mengedit avatar pada profil kita, sedangkan pada Blogger kita harus mengubah HTML template blog kita. Cara untuk mengubahnya cukup mudah, yaitu sebagai berikut :
Login terlebih dahulu ke blogger kamu
1 Pada halaman dashboard, klik Tataletak (Layout)
2 Selanjutnya klik Edit HTML
( gambar 1)
( gambar 2 )
3 Pada kotak HTML, carilah kode ini ]]></b:skin> (gunakan Control F untuk memudahkan pencarian):
4 Kemudian masukkan kode yang terdapat pada kotak di bawah dan letakkan di bawah kode ]]></b:skin>, atau antara ]]></b:skin> dan </head>:
<link href="http://url_gambar_iconmu.png" rel="shortcut icon" type="image/x-icon"/>
Ganti url gambar icon, dengan gambar icon kamu
Untuk melihat hasil perubahan tersebut, klik Pratinjau (Preview) dan pastikan bahwa kamu sudah melakukan editing HTML dengan benar.
btw kalian bisa juga loh kalo mau ganti dengan foto anda,anda tinggal
- buka facebook
- lihat foto yg ingin anda jadikan icon
- klik kanan mouse anda di bagian foto anda
- salin lokasi gambar (bahasa indo,kalo bhasa inggris pasti taukan ) (kalo tidak ada bacaan seperti itu anda refresh terlebih dahulu )
- kalo tidak tahu gmana caranya tekan tulisan F5 di keyboad ( biasanya ada di bagian paling atas )
- setelah di refreh pasti ada bacannya ( salin lokasi gambar )
contoh punya saya ya
aslinya (ingat tanda " " jangan di hilangin ya (warna hijo) :
<link href="http://url_gambar_iconmu.png" rel="shortcut icon" type="image/x-icon"/>
saya copy paste yg link gambar saya pada facebook (cara yg di atas)
http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash1/168949_1511796329036_1658245469_1232407_3113204_n.jpg
terus di gabungin deh dengan halaman yg tadi,jadinya seperti ini :
<link href='http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash1/168949_1511796329036_1658245469_1232407_3113204_n.jpg' rel='shortcut icon' type='image/x-icon'/>
0 comments: