Mengganti Favicon Wordpress.Org, Wordpress.Com, dan Blogspot.Com

Add a comment October 28th, 2009

Favicon (Favorites Icon) merupakan file yang kecil, karena ukurannya hanya 16X16 pixel. Favicon pertama kali dipopulerkan karena kemunculannya pada Favorite Folder di dalam browser Internet Explorer. Tapi sekarang browser- browser lain, seperti Mozilla, Opera, Opera Mini, Safari, dan Google Chrome dapat menampilkan Favicon di Address bar.

Reverensi : Tabloid PC MILD

Agar sebuah blog terlihat lebih bagus, ada baiknya kita mengganti faviconnya dengan sebuah gambar yang mencerminkan isi dari blog  tersebut, misalnya bila blog berisi tentang humor, faviconnya adalah orang tertawa (haha) , dan lain sebagainya. Cara yang digunakan juga dapat dibilang mudah, cukup siapkan sebuah file kecil berekstensi .jpg, .png, .gif, .ico atau yang lainnya (membuat sendiri atau dengan googling), dan ikuti perintah selanjutnya

Untuk Wordpress.Org

Upload file yang akan dijadikan favicon ke hosting kamu, atau image hosting gratis seperti Photobucket. Download Plugin Shockingly Simple Favicon disini. Install + aktifkan plugin di Wordpress kamu dan jalankan menunya lewat Setting > S. Simple Favicon. Isikan URL gambar yang telah di upload pada kolom favicon URL di halaman agak bawah dan Pilih Save Changes.

Cara mengetahui URL gambar adalah klik kanan gambar lalu pilih View image. Dan URLnya terletak pada addres bar browser kamu. Sekarang Coba kita buka blog tersebut dan kita lihat apakah setting favicon sudah berjalan atau belum

Shockingly Simple Favicon bukan merupakan satu- satunya plugin untuk setting favicon di Wordpress.Org, banyak sekali plugin yang beredar dan dapat ditemukan dengan googling

Untuk Wordpress.Com

Login ke dashbord kamu, Pilih Settings > General. Langsung Upload favicon kamu lewat menu Blog Picture / Icon yang berada di sebelah kanan halaman

potong gambar sesuai kemauan dan pilh crop image

Setelah All Done, pilih Back to Blog Options dan kunjungi blognya untuk melihat perubahan yang telah dilakukan

Untuk Blogspot.com

Login ke dashbord kamu dan Pilih Tata Letak > Edit HTML

Backup terlebih dahulu kode HTML nya untuk keamanan data dengan memilih Download Template Lengkap

Carilah script </head> dengan fasilitas Find (tekan Ctrl+F)

Letakkan kode berikut tepat di atas kode </head>

Ganti URL Favicon dengan URL Gambar Favicon kamu  (cara mengetahuinya sudah di bahas di atas).

Lalu pilih simpan template.

  1. October 28th, 2009 at 20:50 | #1

    jadi sering posting totorial 2 nembak keyword mbah google (lmao) (lmao)
    (haha) jka ka ka ka ka ka ka

  2. October 28th, 2009 at 21:49 | #2

    Nah ini yang dicari2 bos :) thx tutorialnya

  3. October 28th, 2009 at 21:57 | #3

    salam sobat
    trims sudah berbagi ilmu
    pingin coba juga mengganti favicon,,,
    tapi sulit ngga nich,,

  4. October 28th, 2009 at 22:31 | #4

    wahhh
    sep banget nehh

    ini yang kucari2
    makasih banyak yaaa
    :)
    .-= Tulisan terbaru si Rusa Bawean >> Sumpah Pemuda 28 Oktober 1928, Maknanya? =-.

  5. October 28th, 2009 at 23:31 | #5

    Wah, sip… rif,,, panduannya.

    OOT: Yo opo, ndang bikinen emblem/banner utk Kotareyog. ..
    .-= Tulisan terbaru Wongbagoes >> Pesta Blogger 2009, Ajang Silaturahmi Para Blogger =-.

  6. October 28th, 2009 at 23:36 | #6

    wah, ternyata wordpress.com dan blogspot bisa juga dioprek utk favicon. bener2 baru tahu saya, mas rifky. makasih infonya, yak.
    .-= Tulisan terbaru sawali tuhusetya >> Ragam Bahasa Media Internet dan “Euforia” Berekspresi =-.

  7. October 29th, 2009 at 05:23 | #7
    DV

    Wah infonya menarik.. Kalau saya langsung saja nulis di header.php trus upload pake http://FTP.. hehehe cara saya ini mungkin terlalu ‘kasar’ ya hahaha
    .-= Tulisan terbaru DV >> Syukur Melebihi Kemenangan =-.

  8. October 29th, 2009 at 05:54 | #8

    ijin Sedot ya pluginnya…

    nice info ;)

  9. October 29th, 2009 at 09:49 | #9

    heheh.,aku udah pake loh

  10. October 29th, 2009 at 09:54 | #10

    segera akan aku coba mas :)

  11. October 29th, 2009 at 10:08 | #11

    wah sip kang, saya kalau WP faviconnya tidak pakai plugin, tapi langsung seperti di blogspot, pake’ kode ;)
    .-= Tulisan terbaru arifudin >> Komunikasi Digital di Jambore On The Air =-.

  12. October 29th, 2009 at 10:15 | #12

    loh, bisa toh. Bau tahu saya sekarang. terima kasih mas infonya
    .-= Tulisan terbaru mandor tempe >> Pengangkatan =-.

  13. October 29th, 2009 at 14:44 | #13

    bedanya wordpress.org am .com ap y?????

  14. October 29th, 2009 at 15:44 | #14

    nice and simple trick
    gw suka tutorialnya ga berbelit :)
    .-= Tulisan terbaru fanz >> mIRC =-.

  15. October 29th, 2009 at 20:11 | #15

    waduh, kayaknya lebih gampang ya di wordpress, ckck
    .-= Tulisan terbaru Reza Fauzi >> Siapa Yang Mau Jadi Guest Blogger Di Sini? =-.

  16. October 29th, 2009 at 22:44 | #16

    sip,sip
    (worship) dah

  17. October 30th, 2009 at 01:30 | #17

    ahh ganti favicon yang porno2 gitu ahh… (lmao) .-= Tulisan terbaru senoaji >> Bukan Saya Lhoo =-.

  18. October 30th, 2009 at 08:45 | #18

    mangtafff, langsung dicuba

  19. October 30th, 2009 at 09:20 | #19

    kok gak bisa kang….?
    ada tulisan:

    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “rel”.
    .-= Tulisan terbaru Pencerah >> Filosofi Wortel, telur dan kopi =-.

  20. October 30th, 2009 at 12:04 | #20

    nah ini bagus nih.. walaupun saya rada2 gaptek. huehe

    salam kenal yah! :D .-= Tulisan terbaru elia bintang. >> pesta blogger adalah pesta blogger (?) =-.

  21. October 30th, 2009 at 12:53 | #21

    sudah terlaksana, ^_^…V

  22. October 30th, 2009 at 22:10 | #22

    ngono to mas/??
    .-= Tulisan terbaru Jidat >> Konser Superman Is Dead Surganya outSIDers =-.

  23. October 31st, 2009 at 07:06 | #23

    wah2 klo dibuat sendiri kayaknya lebih keren nih mas :P
    .-= Tulisan terbaru heru >> My Old Style =-.

  24. October 31st, 2009 at 09:18 | #24

    komputerku rusak pak, kat bar poso kemaren

  25. October 31st, 2009 at 09:20 | #25

    kliru kalik, lihat http://riffrizzer.blogspot.com bisa tuh tak terapkan, terus riffrizzh.blogspot.com juga bisa

  26. October 31st, 2009 at 10:41 | #26

    Emang yang paling enak tuh WP

  27. October 31st, 2009 at 10:42 | #27

    huhuhu..mantap juga.
    kalo dari typepad gmana yah ^0^
    sekedar iseng nanya koq
    .-= Tulisan terbaru Action Figure Toy >> Cute Mr. Bean Action Figure =-.

  28. October 31st, 2009 at 13:19 | #28

    lumayan nih buat naikin level gapteknya he he he
    .-= Tulisan terbaru Zulhaq >> Sinting Pre Pesta Blogger 2009 =-.

  29. October 31st, 2009 at 14:25 | #29

    weh, aku sudha makek cara ini sudah laaaamaaa.. hehehehe…

    tapi sip nih ada 3 tips dikumpulin jadi satu! bravo buat yang punya blog!!!!!

  30. November 1st, 2009 at 11:15 | #30

    Informasi yang sangat menarik. Sangat membantu saya yg masih baru di dunia blogging neh mas. Saya tunggu ya, info dan tips-tips inspiratif lainnya…
    Sukses mas..

  31. November 1st, 2009 at 12:47 | #31

    nyuba (banana_rock)
    lagi (banana_cool)
    dan (dance)

  32. November 1st, 2009 at 18:56 | #32

    tips yang oke nih .. sangat informatif ..
    thanks ya bro ..

    Cara Membuat Website
    .-= Tulisan terbaru Iklan Gratis >> ANTI RAYAP, HUB : IVAN , TLP : 0817 095 11 44 ,SOLUSI MENGATASI MASALAH RAYAP, iklan anti rayap =-.

  33. November 2nd, 2009 at 10:11 | #33

    top markotop…
    *kl di blog-ku tinggal buat favicon.ico trus ditaruh di root*
    .-= Tulisan terbaru Andy MSE >> Prozilla dan Ubuntu 9.10 Karmic Koala =-.

  34. November 5th, 2009 at 19:22 | #34

    bagus juga nh boleh di coba nih

  1. No trackbacks yet.
Comments feed