Dalam membuat Shortcut icon atau dikenal juga dengan sebutan favicon adalah shortcutMozilla 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. yang nampak pada tab

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.