Favicon Berbeda Antara Homepage dan Postingan

Setelah sebelumnya saya memberikan penjelasan cara mengganti favicon default blogger dengan gambar kita sendiri, sekarang saya akan mencoba memberikan tips lagi yaitu cara membuat gambar favicon berbeda antara Homepage depan dan dihalaman postingan. Ide ini sebenarnya tercipta dari salah satu sahabat blogger saya :

Kang gimana caranya membuat favicon kita berbeda dihalaman depan dengan di postingan, mohon dibantu ya kang

untuk menjawab pertanyaan sahabat saya itu, sebenarnya cara yang digunakan sudah saya jelaskan di artikel berikut :

1. Menghilangkan widget dihalaman tertentu
2. Mengganti favicon blogger dengan gambar kita

Bagi yang belum sempat membaca silahkan di KLIK judul diatas. Dari kedua judul artikel diatas, bila kalian sudah membaca dan mempraktekkannya, pasti kalian akan sangat mudah menerapkannya pada favicon jika ingin berbeda gambar antara di homepage dan dihalaman posting.

Untuk lebih jelasnya dan lebih detailnya sebenarnya kalian hanya perlu memasang 2 kode berikut dibawah kode </head> atau dibawah kode ]]></b:skin> :

<link href='URL GAMBAR 1' rel='SHORTCUT ICON'/>

<link href='URL GAMBAR 2' rel='SHORTCUT ICON'/>

Perhatikan kode berwarna diatas, kalian harus mempunyai 2 gambar untuk favicon kalian ( ya iyalah... kalo cuma 1 gambar kan ga mungkin kelihatan bedanya ... benara ga?)
kode diatas belum cukup jika kalian ingin membedakan gambar favicon antara di homepage dan dihalaman posting. Kode yang harus ditambahkan untuk membantu pekerjaan kita ini yaitu kode berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

Jadi secara keseluruhan kodenya seperti ini:

<link href='URL GAMBAR 1' rel='SHORTCUT ICON'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<link href='URL GAMBAR 2' rel='SHORTCUT ICON'/>

</b:if>

INGAT :

• Letak kode favicon berada diluar dan didalam kode
• Ganti URL Gambar 1 dan URL gambar 2 dengan URL gambar kalian (harus beda gambarnya ya...)

Setelah kita tahu cara membuat gambar faviconnya berbeda, sekarang waktunya tahap-tahap pemasangan pada blog kita. Silahkan ikuti tahap-tahapnya dibawah ini:

1. Login Ke blogger kalian
2. Pilih rancangan ---> EDIT HTML(jangan lupa biasakan backup template)
3. Simpan kode berikut diatas kode </head> atau dibawah kode ]]></b:skin>

<link href='URL GAMBAR 1' rel='SHORTCUT ICON'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<link href='URL GAMBAR 2' rel='SHORTCUT ICON'/>

</b:if>

4. Simpan template kalian
5. Selesai dan Lihat hasilnya

Tambahan :
Bagi kalian yang sudah mengganti favicon kalian, otomatis ditemplate kalian sudah ada 1 gambar favicon, jadi kalian hanya perlu menambahkan kode ini saja :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<link href='URL GAMBAR 2' rel='SHORTCUT ICON'/>

</b:if>

Mudah kan....? semoga penjelasan diatas dapat membantu sahabat blogger saya dan semua pengunjung disini, SEMOGA BERMANFAAT ....

oia bagi yang mau mengambil facivon dari blog teman kita bisa membaca caranya diartikel saya yang berjudul Mengambil favicon dari web/blog orang lain.