Selamat membaca
Cara Membuat Favicon Animasi Bergerak di Adress Bar Blog
semoga bermanfaat

Cara Membuat Favicon Animasi Bergerak di Adress Bar Blog

Advertisement

Favicon biasanya adalah sebuah logo yang menjadi ciri khas suatu blog atau situs dan website di mana biasanya kalau pada blogger terdapat favicon dengan huruf B warna kuning dan pada wordpress adalah huruf W campuran warna biru dan putih, Pemasangan favicon pada adress bar tentunya akan melengkapi hal yang di namakan lebih seo friendly, namun dengan menambahkan pada adress bar anda bukan berarti akan meningkatkan serp suatu blog.

untuk membuatnya dan meletakkan pada adress bar sangatlah mudah, anda tinggal masuk pada tata letak dan cari padatulisan favicon yang terletak tepat di sebelah header, pemasanganya cukup mudah anda bisa baca pada cara memasang faicon di blog dengan photoshop, jika ingin memasang jenis favicon yang diam/ hanya bentuk gambar.

Itu adalah tehnik pemasangan yang bukan berupa animasi, bagaimana jika ingin memasang favicon yang bergerak seperti sebuah animasi? tentunya cara yang di lakukan tidak sama dengan metode di atas.

Caranya cukup mudah sekali:
Persiapkan animasi anda yang ingin di jadikan favicon, jika tidak mau di pusingkan dalam pembuatan animasi, anda bisa gunakan tool gratis pada link berikut ini: favicon generator
Cara membuat gif animasi perhatikan pada gambar seperti di bawah ini

Untuk menyimpan hasilnya pilih yang berformat gif animasi dengan cara klik kanan mouse anda kemudian simpan pada folder.
Cara memasang favicon animasi:
- loggin ke akun blogger menggunakan id dan pasword
- Pilih pada template karena kita akan mulai mengobrak- abrik template dengan edit HTML.
- Jangan lupa untuk membackup template anda untuk mengantisipasi kesalahan dengan cara pilih cadangkan/ pulihkan, atau jika cara lama biasanya expand template widget.
- Cari kode berikut ini pada edit HTML anda : <b:skin><![CDATA[
Seperti biasanya untuk mempercepat gunakan CTRL+F
- Selanjutnyacopy kode berikut ini
 <link href='Letakkan di sini URL gif animasi anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Jika anda belum mengerti cara mengetahui URL gambar/ gif silahkan baca pada  artikel tersebut.
- Letakkan kode tadi tepat di atas  <b:skin><![CDATA[
- simpan dan lihat hasilnya

Advertisement

Share this article:
Ditulis oleh: Andika Edo Tips dan Trik Updated at : 02:31