Cara Mengganti Shortcut Icon Blogger Dengan Foto Sendiri

Cara Mengganti Shortcut Icon Blogger Dengan Foto Sendiri

Dalam membuat Shortcut icon atau dikenal juga dengan sebutan favicon adalah shortcut yang nampak pada tab Mozilla Firefox, Google Chrome atau browser lainnya. Biasanya shortcut tersebut berbentuk logo dari situs yang kita buka. Misalnya, jika kita membuka situs blogger.com maka akan muncul shortcut berbentuk huruf B yang merupakan logo situs tersebut. Demikian juga jika kita membuka blog-blog yang dibuat melalui situs blogger.com ini akan menampilkan shortcut icon yang sama.

Sebenarnya kita bisa mengubah shortcut icon (disebut juga favicon) tersebut dengan logo atau foto kita sehingga nantinya yang nampak pada tab tersebut bukan lagi logo blogger melainkan logo atau gambar yang menandakan blog miliki kita, seperti contoh pada gambar berikut:

Berbeda dengan Wordpress, jika pada Wordpress, untuk mengubah shortcut icon tersebut cukup mengedit avatar pada profil kita, sedangkan pada Blogger/Blogspot kita harus mengubah HTML template blog kita. Cara untuk mengubahnya cukup mudah, yaitu sebagai berikut:

Login terlebih dahulu ke blogger kamu

Pada halaman dashboard, klik Tataletak (Layout)

Selanjutnya klik Edit HTML

Pada kotak HTML, carilah kode ini (gunakan Control F untuk memudahkan pencarian):

]]></b:skin>

Kemudian masukkan kode yang terdapat pada kotak di bawah dan letakkan di bawah kode ]]></b:skin>, atau antara ]]></b:skin> dan </head>:

<link href="URL Logo atau Foto kamu" rel="shortcut icon" type="image/x-icon"/>

Untuk melihat hasil perubahan tersebut, klik Pratinjau (Preview) dan pastikan sudah melakukan editing HTML dengan benar.

Tags:

Membuat shortcut icon blogspot,

Tutorial Pasang shortcut icon,

Tutorial Pasang Favicon blogspot