Cara Membuat Favicon

Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda.
Untuk mengganti atau membuat favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

contoh favicon blog ini adalah:

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon ( Format jpg, gif, png, dll ).

2. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Photobucket.com kemudian anda akan mendapatkan sebuah link direct dari gambar favicon itu.

3. Sekarang saya asumsikan bahwa anda sudah mempunyai link direct dari favicon anda. sebagai contoh, saya mempunyai sebuah link direct seperti ini :

http://i254.photobucket.com/albums/hh98/Fharo_Ar/c068fd7a.jpg


4. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link href='http://i254.photobucket.com/albums/hh98/Fharo_Ar/c068fd7a.jpg' rel='shortcut icon'/>

<script src='http://amen24.googlepages.com/Readmore.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasku2000/tabview.js' type='text/javascript'/>


5. Selanjutnya adalah silahkan login ke blogger.

6. Klik pada Rancangan - Edit HTML

7. Cari kode </head> (Ctrl F untuk mempermudah pencarian) dan paste kode tersebut diatasnya.

8. Klik tombol Simpan Template.


Jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati.

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Efek NudgingPada Link Archive Blog

Jika Tertarik Silanhkan Ikuti Langkah berikut : 1. Login Blogger 2. Klik Menu Rancangan 3. Klik Menu Edit HTML 4. Copy Kode Dibawah Ini, Lalu Pastekan di atas Kode </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#BlogArchive1 li&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); }); </script> 5. Klik Simpan Template - Coba Arahkan Kursormu Pada Sembarang Link yang Ada di Widget Arsip Blog.
Baca selengkapnya

Cara Membuat Halaman Sambutan / Intro

Cara membuat welcome page di blogger. Halaman Intro / Sambutan di blogspot. apa yang di maksud dengan halaman intro? secara sederhana adalah sebuah halaman baru dimana saat ada orang membuka blog tidak langsung menuju halaman utama / Home tetapi terlebih dahulu di suguhkan halaman palarel yang bisa kita modifikasi sesuai dengan keperluan. Pada umumnya adalah ucapan welcome to my blog, welcome to my life, dan ucapan selamat datang lainnya. Halaman replika ini ada yang berupa gambar saja, animasi, sampai ada yang mengunakan flash. dan ini semua tergantung anda dan kemampuan yang anda miliki. Namun Sebelum anda memulainya terlebih dahulu anda harus tau apa kelebihan dan kekurangan dari tutorial membuat halaman sambutan : 1. Kelebihan Script Intro Blogger Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu. 2. Kekurangan Script Intro Blogger Kekurangan yang dirasa cukup mencolok ad...
Baca selengkapnya

Cara membuat Navbar Blog Auto Hide

Gambar
Auto hide magsudnya apabila anda mengarahkan pointer mouse anda pada bagian atas Blogger maka Navbar akan terlihat, sedangkan apabila pointer tidak diarahkan pada bagian atas Blogger maka Navbar akan tersembunyi. Contohnya pada blog ini, langsung saja akan saya jelaskan : 1. Login ke Blog anda. 2. Klik Rancangan pada Dashboard. 3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari). 4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin> 5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya : /* hilangkan navbar ----------------------------- */ #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.
Baca selengkapnya