Cara Membuat Favicon Blog Berbeda Antara Halaman Posting Dengan Halaman Homepage

Coba Ngetik - hay sobat blogger, selamat sore. setelah beberapa hari yang lalu saya sudah membahas tentang cara agar favicon blog muncul di operamini hp. Tetapi yang saya bagikan dulu itu favicon hanya muncul satu gambar saja, karena hanya satu gambar favicon nya. Dan pada kesempatan kali ini saya akan mencoba membuat dengan dua favicon, agar favicon yang muncul berbeda antara halaman homepage dan halaman posting. jika sebelum nya kita sudah membuat favicon dengan satu gambar maka Untuk menjadikan favicon berbeda antara halaman homepage dan halaman posting kita hanya menambahkan satu gambar favicon lagi, sehingga menjadi dua gambar favicon. Setelah membuat gambar favicon menjadi dua, sekarang untuk menampilkan salah satunya antara homepage dan halaman posting. kita hanya menambahkan script agar favicon hanya muncul pada halaman postingan saja, yaitu menambahkan script seperti dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
URL Favicon 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>


Nah, sekarang cara untuk pemasangganya sama seperti dalam Cara agar favicon blog muncul di operamini hp.

1. Seperti biasa anda harus masuk dulu di akun blogger anda.

2. Pilih ==> template ==> Edit HTML

3. Coppy kode di bawah ini, dan letakan tepat di atas kode </head>

4. Save. Dan lihat hasilnya.

Sebaiknya anda membaca dulu postingan saya yang berjudul cara agar favicon di blog muncul di operamini hp karena pada postingan tersebut sudah dijelaskan jenis file gambar yang bisa dijadikan favicon.

TAMBAHAN:jika anda sudah mengganti favicon default blogger, otomatis didalam template sudah terdapat gambar 1 favicon, untuk menjadikan favicon tampil berbeda antara homepage dan postingan, sobat 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>


Nah, Mungkin cuma itu saja yang bisa saya tulis untuk postingan tentang Cara Membuat Favicon Berbeda Di Halaman Homepage Dan Halaman Posting Semoga bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser