cara membuat favicon di blogger

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

faviconSekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar di Internet.



Bagaimana caranya membuat favicon nya?

Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.



I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja.

.











4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat

5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.



6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :



http://sites.google.com/site/dodyfarial/image/RSS-Blue.png



II. Buka Blogger, masuk menggunakan ID sobat.



1. Pilih Tata Letak.



2. Klik Edit HTML.



3. Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :







4. Kemudian letakkan halaman url baru sobat diatas kode



5. Kemudian Save Template, mudah kan.




nih icon nya...
 ne URL nya....tinggal pilih kalo yang kesulitan

http://img87.imageshack.us/img87/5862/image1an1.gif




http://img110.imageshack.us/img110/6218/image2ie0.gif


http://img98.imageshack.us/img98/9617/image3cr0.gif


http://img134.imageshack.us/img134/633/image4hx4.gif


http://img139.imageshack.us/img139/83/image5oa7.gif


http://img509.imageshack.us/img509/6449/image6fu0.gif


http://img527.imageshack.us/img527/6543/image7go9.gif


http://img507.imageshack.us/img507/5774/image8wn8.gif


http://img150.imageshack.us/img150/5784/image9qo1.gif


http://img404.imageshack.us/img404/1214/image10vr1.gif


http://img412.imageshack.us/img412/3808/image11pc0.gif


http://img100.imageshack.us/img100/4658/image12du2.gif


http://img132.imageshack.us/img132/4733/image13lj1.gif


http://img145.imageshack.us/img145/7793/image14zg9.gif


http://img412.imageshack.us/img412/4403/image15jc7.gif


http://img264.imageshack.us/img264/7575/image16kn8.gif

Baca ini juga

Posted in: tips blogger