MENGGANTI LOGO TAB FAVICON WORDPRESS DENGAN ANIMASI

fav11contoh perubahan logo favicon

trick ini hanya untuk WORDPRESS DENGAN DOMAIN SENDIRI….nih trick buat kalian yang ingin mengganti logo favicon wordpress yang ada pada tab browser kalian….gw mau membarikan tip supaya logo favicon di tab ini bergerak kaliak bisa klik sini untuk melihat demo langsung….disana kalian bisa melihat logo wordpress sudah gw ganti dengan logo animasi gw sendiri yang sudah gw buat……buat kalian yang mau tau caranya bisa lihat arikel ini selengkapnya….ingat teknik ini hanya untuk wordpress dengan domain sendiri…kalau kalian pakai wordpress tanpa domain sendiri cara ini tidak akan bisa !!lihat langkah di bawah :

  • klik sini untuk menuju favicon.cc : http://www.favicon.cc/
  • lalu klik register atau daftar untuk memulai membuat animasi favicon klik create new favicon untuk membuat favicon animasi menurut keinginan kalian lalu tandai use animation (lihat contoh gambar yang sudah gw kasih garis merah) dan mulai lah membuat favicon animasi kalian bisa melihat hasilnya langsung lihat pada bagian preview
    favicon
  • bisa juga kalian tidak mendaftar tapi kalian hanya memakai favicon dari orang lain yang sudah di buat ( ga asik buat sendiri donk)
  • setelah membuat favicon seperti keinginan kalian klik download favicon untuk men download ke komputer kalian,setelah di download transfer favicon ke sever dan taruh di folder utama biasa public_html atau htdocs gunakan FTP untuk men transfer favicon ke web sever
  • setelah selesai kalian transfer ke sever sekarang waktunya login ke wordpress blog kalian
  • lalu klik editor pada kolom appearance dan pilih lalu klik header.php
  • paste kan script di bawah ini tepatnya sebelum < /head> (kalian bisa lihat pada header.php ada beberapa script dengan tulisan link rel,pastekan script rel di bawah ini pas setelah kode script link rel terakhir)
    <link rel=”shortcut icon” href=”favicon.ico” >
  • contoh script di atas akan di paste kan pada header.php lihat bawah :
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <link rel=”shortcut icon” href=”favicon.ico” >
  • setelah selesai jangan lupa klik update file dan klik visit site untuk melihat hasilnya

DEMO LIVE KLIK SINI


About this entry