rss

Tuesday, February 2, 2010

Dua Favicon Untuk Satu Blog! (2 In 1 Favicon Tutorial)

Salam sejahtera semua... :)
Pernahkah anda terfikir untuk membuat Dua Favicon Untuk Satu Blog! Ya,dua icon untuk blogger blog anda...hehe :D

Hari ini saya akan berkongsi kaedah, cara dan kod kepada anda semua bagi membuat dua favicon untuk blog anda. Baiklah...elok rasanya kita mulakan proses yang diperlukan sekarang...


 * Sila gunakan kod dalam kotak dibawah untuk menghasilkan imej favicon atau icon blog anda terlebih dahulu :

<link href=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqPfwnXoXr5Us0QMAJEu9TD1WEcS_Y7K8GTTfbVn3jgMICumH2CkU-QXhDmGEv5zucr-Gq8IIEqWqeh4XJEpKmUTy9uxXiH7Mvy9EYMbOtFUjYfLvWGqSO8juD8rkicg_JMXYfbooWCpA/ ?imgmax=800' rel='shortcut icon'/>
* Gantikan link warna hijau dalam kotak di atas dengan link imej favicon anda sendiri.

Langkah 1 :

- Log masuk ke akaun blogger anda
- Klik dashbord - klik layout - klik edit html
- Klik download full templates ( untuk backup blog anda )
- Klik expand widget templates
- Cari kod ini dahulu: ]]></b:skin> dan seterusnya kod ini: </head>
** Saya mengandaikan anda sudah selesai proses membuat dua jenis favicon atau icon blog. ( anda perlu menyediakan dua favicon yang berbeza )
- Sila rujuk kod dalam kotak dibawah bagi memudahkan kerja dan pemahaman anda untuk memasukkan kod dengan betul:
]]></b:skin>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqPfwnXoXr5Us0QMAJEu9TD1WEcS_Y7K8GTTfbVn3jgMICumH2CkU-QXhDmGEv5zucr-Gq8IIEqWqeh4XJEpKmUTy9uxXiH7Mvy9EYMbOtFUjYfLvWGqSO8juD8rkicg_JMXYfbooWCpA/?imgmax=800' rel='shortcut icon'/> [ FAVICON PERTAMA YANG AKAN MUNCUL ]



<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqPfwnXoXr5Us0QMAJEu9TD1WEcS_Y7K8GTTfbVn3jgMICumH2CkU-QXhDmGEv5zucr-Gq8IIEqWqeh4XJEpKmUTy9uxXiH7Mvy9EYMbOtFUjYfLvWGqSO8juD8rkicg_JMXYfbooWCpA/?imgmax=800' rel='shortcut icon'/> [ FAVICON KEDUA YANG AKAN MUNCUL ]

</head>
** PERHATIAN DAN NOTA PENTING :
- Cari dan letakkan kod favicon pertama anda selepas atau dibawah kod ini: ]]></b:skin>
- Cari dan letakkan kod favicon kedua anda sebelum atau di atas kod ini: </head>
* Rujuk kod dalam kotak di atas.

- Jika sudah selesai memasukkan kod
- Klik preview
- Jika tiada masalah
- Klik save templates
- Selesai...tahniah kini anda sudah memiliki Dua Favicon Untuk Satu Blog!

Hasil Tutorial Ini :

Anda akan dapat melihat favicon yang pertama akan muncul semasa laman blog anda sedang atau tengah loading. Manakala favicon yang kedua akan muncul selepas atau sebaik sahaja laman blog anda berhenti loading. Contoh,sila perhatikan favicon blog saya ini semasa dan selepas ia loading. ( sila gunakan mozilla firefox untuk keberkesanan 99.9% tricks ini )





 Jika anda masih tidak tahu macam mana membuat favicon blog dengan mudah sekali, sila rujuk post saya yang terdahulu klik sini.

Sekian sahaja untuk kali ini. Ada masalah untuk mengikuti tutorial ini? Sila tinggalkan komen anda....saya sedia membantu...Wasalam. :)


Comments :

Comment 2 comments for “Dua Favicon Untuk Satu Blog! (2 In 1 Favicon Tutorial)”
Unknown said...
in 

utk WP blh x??huhuhuhu

Rezza.Azzer said...
in 

Hello,apiih...

hehe...utk WP sy rasa boleh kalau godek2. Tapi buat masa ni,sy boleh buat utk pengguna blogger.com sahaja.
sy cuba tengok2 source code WP dulu,kalau boleh...


Post a Comment

* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)

 
How To Create Blog On Blogger
How To Purchase Domain Name On Blogger
How To Change Template On Blogger