Skip to main content

Cara mudah mengganti Favicon pada blog (blogspot)

Cara berikut ini adalah cara mudah untuk memasang atau mengganti favicon pada blog anda. banyak blogger yang kurang paham mengenai favicon tapi sebenarnya jika anda mempunyai favicon yang unik dan keren, Hal tersebut dapat menjadi sebuah tambahan poin untuk blog anda.

karena Jika Favicon anda berbeda dari blog lainnya anda akan mendapat keuntungan yaitu ;

  • Pengunjung dapat cepat mengingat blog anda
  • Pengunjung dapat membedakan Blog anda
  • Blog anda akan menjadi tampil elegan 
Mari kita bahas mengenai Favicon !
Apa itu Favicon ?
Favicon Adalah singkatan dari 'Favorite' dan 'Icon' yang merupakan sebuah Logo atau gambar yang ukurannya sebesar 16 X 16 px, berikut contoh dari Favicon
Bang aku sudah paham mengenai favicon, terus bagaimana cara mengganti Favicon di blog saya ?
Jika anda telah paham mengenai favicon, next kita lanjut cara memasang favicon tersebut di blog anda !

ada banyak cara untuk mengganti favicon, tapi cara yang saya buat pada artikel kali ini adalah cara yang paling mudah dan simple.

Langkah pertama yaitu silahkan anda membuat Logo Favicon dengan ukuran 40 x 40px anda di situs
www.canva.com
Tonton cara selengkapnya :
Cara membuat gambar ukuran 40x40 menggunakan Canva



kemudian setelah Logo favicon anda telah selesai anda buat disitus canva. silahkan anda kunjungi
www.Favicon-generator.org untuk membuat Favicon dengan ukuran 16 X 16px
Lihat caranya pada gambar berikut ini

nah setelah itu download file Favicon yang anda telah buat melalui situs favicon-generator, Kemudian masuk ke situs menu blogger.com dan pilih fitur Tata Letak kemudian Upload file yang anda telah donwload tadi ke widget tata letak Favicon.

(lihat gambar dibawah ini jika anda belum paham dimana letak widget tata letak)
kemudian setelah anda Upload filenya langsung klik tombol simpan di pojok kanan atas 'Simpan setelan'.

Langkah terakhir adalah memasukan kode Script Favicon berikut ini tepat di atas kode </head>

Copy Scriptnya sekarang ↓
<link href='/favicon.png' rel='shortcut icon' type='image/png'/>

Panduan Cara menempatkan scriptnya ...
Langkah awal masuk ke Fitur menu Tema/template kemudian klik edit HTML

selanjutnya setelah tampil kode-kode script HTML seperti gambar dibawah ini
Nah seteah itu klik simpan 'Preview' kemudian 'Simpan'

Berikut contoh gambar detail penjelasan penempatan kode script tersebut di halam HTML blog anda.
Contoh penempatan scriptnya seperti ini ;
untuk melihat hasil favicon nya silahkan anda hapus seluruh riwayat di browser anda kemudian buka blog anda dan lihat hasilnya ...

berikut ini adalah hasil Favicon dari Blogmarketter.blogspot.com
please do not copy and please share this article.


Comments


  1. thank you for inovative article, very nice article, don't forget to visit my own website, http://saktiqq.net/

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete

Post a Comment

Formulir Kontak

Name

Email *

Message *

Popular posts from this blog

Panduan lengkap membuat Blog (Dasar - Mahir) Paling Update

Di dalam Panduan blog ini, telah terangkum pembahasan blog secara detail dan lengkap. Bagaimana cara sukses menghasilkan banyak uang dari blog! Cara membuat sebuah blog keren & bagus! Apa itu Blog ? Anda mungkin pernah mendengar  Bahwa Blog dapat menghasilkan uang Jutaan bahkan ratusan juta perbulan !. ' Semua itu tidak benar ' Jika anda tidak benar-benar paham prinsipnya dan serius mendalami serta mempelajari nya... Awal nya saya pun tidak percaya akan hal itu ! Namun rasa penasaran tersebut akhirnya membuat saya untuk menggali dan mencari informasi lebih dalam serta bukti yang real. Kemudian setelah saya mencari informasi, mempelajari serta mencobanya. ternyata semua itu benar, blog benar-benar dapat menghasilkan uang puluhan juta dan ratusan juta perbulan. Walaupun Sebenarnya Saat ini sangat banya bisnis di internet yang mampu menghasilkan uang jutaan bahkan ratusan juta perbulannya seperti Youtuber,Affiliate,Dropship, dll. Tapi sebaiknya sebe...

Cara baru mengganti template blog sederhana menjadi tampilan mewah & profesional

Siapa sih yang tidak ingin mempunyai sebuah blog dengan tampilan pro dan keren secara gratis ! Pada saat anda membuat blog di situs blogger (blogspot) anda hanya dapat menggunakan templates yang telah disediakan oleh blogger.com dengan tampilan  templates sederhana seperti contoh dibawah ini ; templates tersebut bagi saya tidak Responsive, SEO Frendly, Ads Ready, Slide Show, dll. Nah kali ini saya telah selesai membuat panduan bagaimana cara memasang templates pro dan Responsive,SEO frendly,Slide Show dll pada blog gratisan blogspot anda. Contoh tampilannya di Smartphone & PC seperi ini : atau jika anda mengiginkan templates lainnya anda dapat mengunjungi Situs templateclue.com tapi sebelum itu anda harus paham dan mengerti dahulu bagaimana cara mengganti templates anda. Baca selengkapnya ; Cara memasang/mengganti templates di blog. jika anda telah paham bagaimana cara mengganti templates dan tetap menginginkan templates pro sperti tampilan di atas, ...

Langkah awal Mendaftar Di Situs Blogger.com

Sebelum anda mendaftar dan membuat sebuah blog dengan konsep yang baru. Sebaiknya anda perhatikan hal ini, Yaitu mengganti e-mail lama anda dengan sebuah email baru "Emang nya kenapa jika saya menggunakan email lama ?" Gni sahabat blogmarketter. Agar blog anda nanti kedepan nya menjadi blog niche, sebaik nya buatlah blog yang menyertakan email nya mirip dengan nama blog atau domain blog anda. tonton selengkapnya  : Cara membuat email google Karena jika nama alamat e-mail anda mirip dengan nama domain blog nya, maka hal tersebut akan menjadi sebuah tambahan poin untuk blog anda ... Contohnya, silahkan lihat blog saya... Nama domain  ; blogmarketter.blogspot.com Nama alamat e-mail blog saya ; blogmarketter@gmail.com Keren kan, dan ketika kita memasang informasi pada halaman profiel kemudian pengunjung melihat nya maka akan membuat penunjung lebih mudah untuk mengingat dan menarik daya fikir para pengunjung. jika email anda ...

Pemahaman fitur-fitur menu blogger

kini anda telah mempunyai blog, dan pastinya anda harus memahami fitur-fitur dari menu tampilan blogger.com untuk itu saya telah merangkumnya untuk anda dengan penjelasan berupa gambar lengkap dengan keterangannya. Baca selanjutnya ; 1.9 Tutorial memasang Fitur - fitur di blog 2.1 tutorial mengembangkan blog 2.2 Kumpulan fitur kode script blog