Favicon Berbeda Antara Homepage Dan Postingan

Situseo Blog : Membuat tampilan favicon berbeda antara halaman homepage dan halaman posting, sebelumnya kita pernah membahas bagaimana cara membuat favicon dan cara memasangnya, untuk menjadikan favicon berbeda antara halaman homepage dan halaman postingan kita hanya menambahkan satu lagi gambar favicon sehingga menjadi dua.

Setelah membuat gambar favicon menjadi dua, untuk menampilkan salah satunya antara hopmepage dan halaman postingan, kita hanya menambahkan script untuk memunculkan hanya pada halaman postingan saja, sama halnya waktu kita membuat tampilan homepage berbeda dengan tampilan halaman postingan, yaitu menambahkan script seperti dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
Script Kalian Disini
</b:if>

Sehingga scriptnya menjadi seperti ini :

<link href='url gambar 1' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:if cond='data:blog.pageType == "item"'>
<link href='url gambar 2' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
</b:if>

Untuk cara pemasangganya sama seperti dalam bahasan Pengertian, Membuat Dan Mengganti Favicon Blogger, yaitu tempatkan script tersebut diatas kode </head> atau dibawah kode ]]></b:skin> dan Save. Sebaiknya kalian membaca cara Membuat Dan Mengganti Favicon Blogger pada postingan sebelumnya, karena pada postingan tersebut dijelaskan jenis file gambar yang bisa dijadikan favicon dan tempat upload atau hosting jenis file gambar tersebut.

Sebagai tambahan, jika kalian sudah mengganti favicon default blogger, berarti didalam template sudah terdapat gambar 1 favicon, untuk menjadikan favicon tampil berbeda antara homepage dan postingan, kalian hanya menambahkan script ini dibawah kode favicon yang sudah terpasang :

<b:if cond='data:blog.pageType == "item"'>
<link href='url gambar 2' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
</b:if>

Semoga bermanfaat,