Pemberitahuan :

1. Copy Menggunakan CTRL + C.

2. Highlight Transparan Kecuali Blockquote.

3. Silahkan Contact Saya Bila Ada Yang Erorr

Posted by : Ariq Rastaman Jumat, 26 Juli 2013

Favicon hampir serupa dengan sebuah logo. Favicon adalah icon atau gambar yang menjadi sebuah ciri khas dari setiap situs yang muncul pada tab browser. Logo Favicon ini pada blog diiniliasasikan sebagai bentuk lambang dari nama sebuah website. Untuk anda yang belum mengganti favicon ini, yuk ikuti cara mudah membuat favicon logo di blog.


favicon logo
Setelah di postingan sebelumnya Media Blogger mengulas Cara Membuat Menu Bootstrap pada Blogspot, melangkah ke bagian Tutorial Blogger selanjutnya yaitu mengenai icon di blog. Sebelum melangkah ke cara pemasangannya, secara berurutan dan terperinci kita buat dulu favicon ini.

Untuk membuatnya kita dapat menggunakan gambar dalam format PNG,JPEG etc. atau bisa juga dengan sebuah logo .ICO. Bagaimana caranya? Liat dulu contoh gambar favicon berikut :
favicon blogger

 Cara Membuat Logo :
1. Untuk membuatnya caranya mudah, pertama kita install terlebih dahulu program untuk membuat logo.
Anda bisa mendownloadnya disini.
2. Disana terdapat design, serta fasilitas yang tersedia yang akan mempermudah proses membuat logonya.
Pokoknya mudah deh ukurannya softwarenya juga kecil.

Cara Membuat Gambar untuk Logo :
1. Persiapkan terlebih dahulu ukuran untuk dijadikan favicon di blogger yaitu 53x53 pixels.
2. Buat icon tersebut sesuai dengan ciri khas blog anda.
3. Simpan gambar.

Setelah gambar image / icon logo tadi sudah jadi serta siap dipakai, langkah selanjutnya adalah mengupload hasil karya anda tersebut. Lalu ambil deh URL Link yang diupload tadi.

Cara Upload gambar dapat melalui media hosting, website, dan bisa juga melalui blog kita sendiri. Bisa di upload di Photobucket.com . Kalau upload di blog caranya cukup masuk ke menu Posting. Masukkan gambar / logo yang ingin diupload. Ambil url nya di bagian kiri atas sebelah Kotak Judul Posting, ada Compose dan HTML. Klik HTML.

Langkah terakhir, adalah memasangnya ke dalam Edit HTML Template blog.
Masukkan kode di bawah ini di dalam meta tag anda atau di bawah kode <b:include data='blog' name='all-head-content'/> bisa juga taruh di bawah <head>
<link href='http://1bp.blogspot.com/images/RP%20Logo%20Square%20.25x2400.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ganti kode warna merah dengan url link gambar anda yang telah diupload tadi.
Simpan Template.

Kode script type='image/vnd.microsoft.icon' adalah agar logo favicon dapat muncul di semua browser. Baik itu browser Google Chrome, Mozilla Firefox, Safari, Opera Mini, dan lain sebagainya.


Entri Populer

About

Foto Saya
Nama Saya Yang Di Atas Itu Bukan Nama Asli Tapi Nama Panggilan . Kata Itu Juga Ada Maknanya . Dary Yaitu Nama Saya Muhammad Qalbu (Dary) . Sadega Yaitu Orang Yang Suka Coret-Coret Tembok .Tapi Kalau Saya Suka Mencoret-Coret Gambar Photoshop.Mantemand Yaitu Saya Banyak Teman Dunia Nyata Maupun Dunia Maya.Dah Segitu Aja Jika Sobat Mau Tahu Profil Lengkap Ku , Klik Salah Satu Ya Sob (‾⌣‾/)σ Atau
©Copyright 2013 belajarilmukomputer. Diberdayakan oleh Blogger.

Blog Archive

Find Us :