Tutorial Membuat Ico Favicon Macam Blog Anastasyea

Kalau anda perasaan, kita dah tukar favicon . Sebelum nie logo blogspot je kan! Tapi sekarang dah ada gambar kita sendiri. Boleh lihat perbezaanya macam gambar kat bawah nie je. Yang tak tahu favicon tu apa, tu gambar yang sebelah link URL blog. Haahhh.. yang tu la =)

Kita tukar favicon nie pun hasil tutorial dari blog lassie. So kita bagi kredit sikit kat beliau.

Tutorial tentang favicon tersebut memang menarik cuma ada ralat sikit je, nie kita buat tambahan, harap-harap beliau tak marah =)

Step 1

Log in blog => Dashboard => Layout => Edit html, kemudian klik pada Expand Widget Templates.

Step 2

</b:skin>
Copy perkataan diatas, kemudian tekan CRTL + F, kemudian CRTL+V


Step 3

Kalau dah jumpa, dibawah </b:skin>, masukkan link ini;
<link href='URL image anda' rel='shortcut icon'/>
URL image anda tu, sila tukar dengan link gambar anda. Sebagai contoh, gambar kita nie kita ambil dari gambar comment (45x45 pixels), klik kanan pada gambar tersebut dan copy link image macam gambar kat bawah nie.

Step 4
Kalau dah siap, save dan view blog anda.
Selamat mencuba!

UPDATE: 16 NOV 2010
Kalau tak boleh seperti tutorial kat atas. Cuba masukkan code dibawah;

<!-- My Favatar -->
<link href='http://3.bp.blogspot.com/_TdxIK7SSN6g/TDwuS1xBtLI/AAAAAAAAAsA/-HbETNC3cj4/S45/anastasyea.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_TdxIK7SSN6g/TDwuS1xBtLI/AAAAAAAAAsA/-HbETNC3cj4/S45/anastasyea.jpg' rel='icon' type='image/png'/>

sebelum

<title><data:blog.pageTitle/></title>

kemudian tukarkan URL link ini [http://3.bp.blogspot.com/_TdxIK7SSN6g/TDwuS1xBtLI/AAAAAAAAAsA/-HbETNC3cj4/S45/anastasyea.jpg] dengan URL link icon anda sendiri dan Save.

Selamat mencuba!!!

Tags: Tutorial dan tips blogspot favicon, Tutorial dan tips blogger favicon, Tutorial dan tips blog, Codes HTML membuat blogspot favicon, Codes HTML membuat blogger favicon, Codes HTML membuat blog favicon, HTML codes blogspot favicon, HTML codes blogger favicon, Blogger.com blogs favicon tutorial, Blogger.com sign in favicon tutorial

Tweet