Ruhendi.Com

“…Sepenggal Kisah Perjalanan Hidup & Kehidupan Seorang Manusia Biasa Bernama Heru”

Blogspot/ Blogger : Ganti Pavicon

Ganti Ikon Favicon pada Blogspot yaitu icon yang ada di samping alamat url pada browser (baik itu Firefox, IE, dan teman-temannya). Untuk blog yang menggunakan Blogspot, sudah jelas ikonnya pasti logo Blogspot (huruf B) berwarna putih dengan kotak berwarna oranye. Untuk mengganti icon bawaan tersebut relatif mudah caranya.

Langkah pertama, yang harus kita lakukan adalah membuat ikon itu sendiri, buat image dengan ukuran 16×16 pixel (bisa menggunakan Photoshop atau program pengolah gambar lainnya. Simpan file tersebut dengan format .png.

Selanjutnya kita masuk ke kontrol panel Blogspot, dan buat posting baru, hanya saja untuk posting di sini, kita hanya melakukan upload image yang telah kita buat sebelumnya.

Setelah image masuk, sekarang kita masuk tab Edit Html, untuk mengambil (mengcopy) alamat url dari image yang telah kita upload tadi (url image ada setelah kata src=), Jika sudah dicopy, maka simpan posting-an tersebut sebagai draft (ingat jangan dipublish).

Langkah berikutnya, masuk ke tab Layout dan Edit Html, centang Expand Widget Templates.

Cari tag </b: skin><[CDATA[, kemudian masukan script berikut di atasnya. Ganti alamat-url-ikon.png dengan url yang telah kita copy tadi.
<link href=’http://alamat-url-ikon.png&#8217; rel=’shortcut icon’/>
<link href=’http://alamat-url-ikon.png&#8217; rel=’icon’/>

Setelah selesai, kita simpan template tersebut dan selesai. Sekarang bisa kita coba buka alamat blog yang kita rubah ikon Favicon-nya. Jika berhasil maka sekarang favicon sudah berubah sesuai dengan image yang kita buat dan upload tadi.

Selamat mencoba

Filed under: Internet, Tutorial,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: