Cara memasang favicon bergerak atau animasi image.gif ternyata tidak sesulit yang dibayangkan, memang untuk pertama kali sering terjadi kesalahan dalam menempelkan code HTML di halaman editor, itu dikarenakan terkadang ada sesuatu elemen yang tidak terinput pada sheet HTML nya, atau bahkan kesalahan yang mendasar adalah setelah upload gambar gif ke server kita tidak menempelkan link gambar pada kode HTML nya di sheet HTML tempelate.
Banyak yang memberikan kode HTML di banyak web atau blog, akan tetapi karena minimnya keterangan dan penjelasannya maka penulis sendiri sampai ada sekitar 7 kali bongkar pasang kode HTML, baru terpasang favicon yang diinginkan, itu pun setelah mengeditnya terlebih dahulu di halaman notepad.
Pada tulisan kali ini penulis ingin berbagi cara kepada pembaca mengenai hal tersebut di atas. Berikut langkah-langkahnya secara berurutan untuk memasang favicon bergerak pada blog:
- Persiapkan dulu gambar animasi gif yang akan di upload ke blog untuk dijadikan favicon.Gambar animasi gif bisa anda cari dan download di web penyedia ico-icon animasi, atau kalau anda ingin membuat sendiri itu lebih bagus (pada tulisan mendatang penulis akan berbagi cara membuat gambar icon animasi gif, seperti yang penulis buat pada favicon blog ini).
- Masuk ke blog dan pada dashboard cari tool Tata Letak, setelah terbuka komposisi tata letaknya,klik favicon gadgets nya lalu upload gambar gif yang sudah di persiapkan di drive komputer.Sampai disitu gambar favicon animasi gif anda sudah terpasang akan tetapi belum bergerak/statis.
- Dapatkan sebuah link/alamat gambar icon anda dengan cara mengupload lagi ke server blog,tetapi bukan dari Tata letak melainkan dengan membuat entri/pos baru untuk dijadikan draf(tidak dipublikasikan).Pada halaman entri klik insert image pada tool, pilh file lalu upload dan setelah muncul pada halaman hasil upload, klik kanan pada gambar>klik copy link location>buka tab baru pada browser>klik kanan pada address>klik paste & go maka akan muncul gambar gif kita (berarti link gambar gif kita sukses terbuka.
- Copy code HTML di bawah ini dan paste di notepad,lalu tulisan berwarna merahnya ganti dengan link gambar anda, yang tadi telah terbuka di tab browser, kodenya seperti ini:
- <link href='https://lh5.googleusercontent.com/-5jL_CYrMdrE/VKvwvLip8fI/AAAAAAAAAAIE/0Kp7qGAHFAg/h120/output_MxtFEc.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>Catatan penting : selain tanda merah tidak boleh hilang walaupun hanya tanda petik.
- Setelah edit di notepad selesai,select all pada halaman notepad lalu copy dan tempelkan pada halaman editing HTML di blog tepat di bawah kode <title><data:blog.pageTitle/></title>
- Pratinjau dulu HTML editnya,kalau keluar previewnya berarti anda berhasil, lalu simpan tempelatenya.Selesai dan favicon blog anda sudah terpasang.
Sampai disini dulu pembahasan tentang tulisan cara memasang favicon animasi gif ini dan apabila ada yang mau ditanyakan silahkan email penulis di form Contact Us atau bisa melalui form komentar, maka penulis akan dengan senang hati untuk memberikan jawabannya.Sampai jumpa lagi pada tulisan berikunya.

No comments:
Post a Comment