Wednesday, July 28, 2010

Jika anda mempunyai blog pada Blogger.Com tentunya tampilan default pada Address Bar Blogger atau yang disebut dengan favicon adalah seperti pada samping sebelah kanan ini.

Tetapi bagi anda yang ingin mengganti tampilan tulisan huruf B pada ikon address bar (kolom alamat pada tab & kolom alamat url untuk mengetikkan alamat situs) pada Blogger sangatlah mudah anda hanya akan menambahkan kode pada HTML template blog anda yang ingin diganti tampilan huruf B (ikon pada address bar blogger) tersebut.

Berikut Caranya :

Dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

Jika anda susah untuk membuat ikon/icon pada address bar dibawah ini ada beberapa tool/peralatan yang dengan mudah untuk membuatnya.


Setelah anda selesai membuat icon favicon/address bar langkah langkah selanjutnya adalah menyimpan gambar yang sudah dibuat lalu kita upload pada hosting gambar yang biasa kita gunakan seperti photobucket, Imageshack, Album Web Picasa dll. nanti akan dibahas dibawah tutorial.

Setelah login pada blogger
kemudian masuk ke "Tata Letak --> Edit HTML"
Kemudian copy kode berikut dibawah ini :


<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

Langkah selanjutnya adalah menaruh kode tersebut diatas sebelum/diatas kode :



Ganti huruf yang berwarna merah dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.

Langkah kemudian adalah menyimpannya dan selesai.

 Gambar :


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://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
http://img139.imageshack.us/img139/83/image5oa7.gif 

10 comments:

  1. sob. . .
    saya seagai pengunjung blog setia hanya ingin memberikan saran. . .
    jangan terlalu banyak animasi sob . .
    terlalu berat untuk menjelajahi blog ini. .
    saya dulu awal2 juga sama kayak kamu,, pasang banyak animasi. . .alhasil,Kan Rohman memperingati saya....yaitu "lebih baik blog nya jgn terlalu banyak animasi Kang Chandra" blog nya berat. . gitu lo . . .
    maaf ya kalau saran saya kurang berkenan. .

    ReplyDelete
  2. YOi Saya lebih senang dapt saran dari teman.. oh ohohoho thnks brother

    ReplyDelete
  3. blog'y kren sob,,,,,,,,,

    komen blik artikel ane ya,,,,,,

    banner brhsil trpsang,,,,,

    ReplyDelete
  4. wahhh bagus nihh broo tutorial buat newbie sperti sya ini.. mksi bnyk infonnya...

    ReplyDelete
  5. trims ms sobat, jadi alternatif ikon yang sebelumnya monoton qe3

    Btw makasih ya udah mampir barusan :)

    ReplyDelete
  6. selamat menunaikan ibadah puasa sob...
    semangat!!!

    ReplyDelete
  7. sob, baca tulisan diblogmu agak kurang jls deh... blh kasih saran gak?
    bs gak warna tulisannya dirubah, agak terang gitu.
    bacanya puyeng nih sob....

    ReplyDelete
  8. Aduh maaf sob ni dah ciri has gw sob...
    gag bisa di ubah..
    thanks atas saranya kawan.

    ReplyDelete

Do not insert the words that are not worth listening

Subscribe to RSS Feed Follow me on Twitter!