Cara Mengganti Tampilan Favicon pada Blog dengan Gambar Icon Sendiri

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlwDOmpX3mSrQ4ywYwJZ17QchL8iDua3DON-AvMVaT7hEzB0hF_TqCJAp6QxHVbYFYdwj3k5aZJtIp9JUUvdNkwQ2p07J-AcDIiYvdb_GiBhg7hoSBVG61gSqWNJ2RX79fShU/s1600/Favicon.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlwDOmpX3mSrQ4ywYwJZ17QchL8iDua3DON-AvMVaT7hEzB0hF_TqCJAp6QxHVbYFYdwj3k5aZJtIp9JUUvdNkwQ2p07J-AcDIiYvdb_GiBhg7hoSBVG61gSqWNJ2RX79fShU/s200/Favicon.jpg" title="Icon Favicon" width="200" /></a></div> Seperti diketahui bahwa favicon dari Blogspot yang berupa huruf B merupakan favicon standar yang bisa diubah dengan icon sesuai dengan keinginan kita, nah untuk mengubah favicon tersebut berikut cara yang bisa ditempuh:<br /> <br /> 1. Login blogger.com  <br /> 2. Pilih Dashboard<br /> 3. Pilih Template ==> Edit HTML<br /> 4. Copy code di bawah ini. <br /> <blockquote> </blockquote> <br /> <span style="font-family: 'Trebuchet MS', sans-serif;"><link href='<b><span style="color: red;">URL your image</span></b>' rel='shortcut icon' type='image/vnd.microsoft.icon'/></span><br /> <span style="font-family: 'Trebuchet MS', sans-serif;"></span><br /> <span style="font-family: 'Trebuchet MS', sans-serif;">Cari kode berikut dengan "ctrl F" dan paste di bawahnya:</span><br /> <span style="font-family: 'Trebuchet MS', sans-serif;"></span><br /> <span style="font-family: 'Trebuchet MS', sans-serif;"></span><br /> <blockquote> <span style="font-family: 'Trebuchet MS', sans-serif;"><span style="text-align: left;"><span style="font-family: 'Trebuchet MS', sans-serif;"><title><data:blog.pageTitle/></title></span></span></span></blockquote> <span style="font-family: 'Trebuchet MS', sans-serif;"> </span><br /> <br /> <span style="font-family: 'Trebuchet MS', sans-serif;"><span style="text-align: left;"><span style="font-family: 'Trebuchet MS', sans-serif;">5. Ganti tulisan yang berwarna merah  </span></span></span><span style="font-family: 'Trebuchet MS', sans-serif;"><span style="text-align: left;"><span style="font-family: 'Trebuchet MS', sans-serif;"><span style="font-family: 'Trebuchet MS', sans-serif;"><b><span style="color: red;">URL your image </span></b><span style="color: red;"><span style="color: black;">dengan kode URL icon anda. Apabila alamat URL itu sudah ada</span></span><span style="color: red;"><span style="color: black;"> di internet, anda tinggal mengcopy-nya dengan cara klik kanan pada icon/gambar tersebut selanjutnya pilih "<b>Copy Image Location</b>", namun bila icon/gambar tersebut belum ada di "Internet" maka anda harus mengupload icon/gambar tersebut.</span></span></span></span></span></span><br /> <br /> <span style="font-family: 'Trebuchet MS', sans-serif;"><span style="text-align: left;"><span style="font-family: 'Trebuchet MS', sans-serif;"><span style="font-family: 'Trebuchet MS', sans-serif;"><span style="color: red;"><span style="color: black;">6. Simpan Template </span></span></span></span></span> </span><br /> <br /> <span style="font-family: 'Trebuchet MS', sans-serif;">Langkah Selanjutnya </span><br /> <br /> 1. Masuk ke Tata Letak<br /> 2. Klik Edit pada Elemen Favicon<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbKp22QpPNuLiCYeGjUVy3hMVbkPhjkT9k1_SCHA9CiAIrmb2ax2P07eCdUfnOuqH-mwDwnywPAKMiinyMZ1AjHXjpk7W33UlcQdt0z0br2zHRPxG6KkbNyTf7MZEHJNOGSg/s1600/Tata+Letak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbKp22QpPNuLiCYeGjUVy3hMVbkPhjkT9k1_SCHA9CiAIrmb2ax2P07eCdUfnOuqH-mwDwnywPAKMiinyMZ1AjHXjpk7W33UlcQdt0z0br2zHRPxG6KkbNyTf7MZEHJNOGSg/s400/Tata+Letak.png" width="400" /></a></div> 3. Pilih file dari komputer yang akan anda upload. Apabila upload yang anda lakukan gagal dan ada pemberitahuan, "<b>Not Square Image</b>" atau "<b>This file is too large. You can upload a file up to 100kb in size</b>" berarti icon/ gambar anda harus diedit terlebih dahulu sehingga icon/gambar tersebut menjadi square/segiempat (mis: tinggi:90 lebar:90) dan ukurannya kurang dari 100 kb (diresize).<br /> <br /> *) Untuk mengedit icon/gambar tersebut anda bisa menggunakan "PAINT" dengan mengedit ukuran lebar dan tinggi (disamakan, dengan <span style="color: red;">tidak mencentang "maintain aspect ratio"</span>) dan resize sesuaikan hingga besarnya dibawah 100kb<br /> <br /> Demikian semoga berhasil

Cara Mengganti Tampilan Favicon pada Blog dengan Gambar Icon Sendiri

Seperti diketahui bahwa favicon dari Blogspot yang berupa huruf B merupakan favicon standar yang bisa diubah dengan icon sesuai dengan kei...

Baca selengkapnya »