Skip to main content

Membuat Icon di Address Bar (Favicon)



Ketika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, jika kamu ahli dalam layout Photoshop atau sejenisnya, kamu bisa 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). Tapi, bagi yang tidak "lihai" untuk membuatnya, jangan khawatir, kita tinggal meng-upload gambar atau foto yang kita jadikan ikon (untuk semua ukuran) di hosting gratis, kali ini kita memakai FavIcon from Pics.


Langkah Pertama:



  1. Kunjungi situ tersebut di sini.
  2. Upload gambar atau foto yang ingin dijadikan icon.










  3. Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.







Langkah kedua :



  1. Gambar atau foto yang telah jadi ikon, silahkan di-upload di hosting gratis, seperti Photobucket.com, Yahoo Geocities.

  2. Ambil link hasil gambar yang telah di upload. Biasanya seperti ini.


    http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif">


    http://i290.photobucket.com/albums/ll256/angkatan2006/sonictrik.gif">


  3. Kita harus mengubah alamat URL favicon kita menjadi seperti ini :

    <link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>

  4. Masuk ke blogger dengan ID kita, lalu klik Tata Letak-Edit HTML.


  5. Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

  6. Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

    <link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>

    <b:skin><![CDATA[/*


  7. Kemudian SAVE TEMPLET

Comments

  1. Makasih banget ya, ustadz...atas tutorialnye

    Posting teyuzzz....=))

    ReplyDelete
  2. Ya, terima kasih kembali juga.
    Jangan lupa blognya terus di-update. Akhir-akhir ini saya lihat blog anda sudah lumayan banyak postingannya. Biar cepat terindeks di Google... =)) =))

    ReplyDelete
  3. @ fareedh ;

    Terima kasih juga atas apresiasinya. dan terima kasih lagi, karena sudah mau menjadi pembaca setia "blog Putih" ini.

    salam akrab...

    ReplyDelete
  4. sekian lama krn kesibukan, akhirnya saya bisa kmbali ke dunia blogging...

    sama2 bro... saya jg lg belajar...

    mohon kerjsamanya..

    ReplyDelete
  5. Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: Element type "link" must be followed by either attribute specifications, ">" or "/>".

    gmna nii ?

    ReplyDelete
  6. cara membuat tulisan berjalan di atas itu gimana ya?

    silahkan kasih comment juga ya!

    ReplyDelete
  7. makasih atas infonya... tahts so good///

    ReplyDelete

Post a Comment

Kepada Sobat-Sobat sekalian silahkan komen Disini, Semuanya boleh komen, yang tua sampai muda bebas berkomen ria di bawah ini.

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)

Makacih ya atas komennya ...

Popular posts from this blog

HUMAN RELATION ; Perspektif Psikologi Humanistik, Fungsionalisme dan Behaviorisme (Sebuah Kajian Analitis-Interkonektif)*

Pendahuluan
Human Relation, merupakan hubungan atau kerjasama antara dua individu atau lebih, khususnya dalam status hubungan atau interaksi social. Buruk atau baiknya human relation dapat diukur dari adanya kepercayaan yang bersifat timbal balik antara satu orang dengan orang lain serta dari adanya sebuah penghormatan atau penghargaan dan rasa tolong menolong yang kokoh. Bukan menjadi keraguan lagi bahwasanya human relation menjadi suatu keinginan yang sangat primordial bagi setiap yayasan atau sebuah organisasi, bahkan menjadi syarat utama dari terealisasinya tujuan-tujuan serta pencapaian visi dan misi sebagai kunci kesuksesan organisasi pada umumnya.

Human relation sering disebut juga dengan “interpersonal relation”, yaitu kerjasama sekelompok individu dari masyarakat social yang tumbuh dari adanya hubungan antara satu individu dengan individu yang lain. Interpersonal relation merupakan sebuah deskripsi yang jelas tentang tata pergaulan atau tingkah laku manusia dan karakteristik pr…

Kumpulan Novel Jar (untuk HP Aplikasi Java)

Bagi para novel mania, membaca novel tentunya adalah kesenangan tersendiri. Semacam interaksi personal dengan dunia imaji yang kerap menghentak-hentak ambisi. Di dunia maya, kita banyak menjumpai situs-situs yang menyediakan novel dengan berbagai format dan ekstensinya. Ada format PDF (portable document format), yang dapat dibuka dengan program Acrobat Reader atau sejenisnya. Ada juga yang dengan bentuk format htm, yang dapat dibuka dengan browsing atau internet eksplorer secara offline. Ada juga yang berbentuk format exe. Ada juga yang menggunakan windjvu-viewer (untuk membuka file extensi *.djv / *.djvu). Ada format "lit Viewer"(untuk membuka file extensi *.lit). Dan banyak "ada juga-ada juga" yang lain...

Tapi, pada postingan kali ini, saya akan berbagi lagi dengan sobat sekalian tentang Novel HP (aplikasi java). So, bagi sobat yang punya hobbi ngoleksi novel, tetapi jarang online dan tidak punya komputer, jangan khawatir. Berkat kecerdasan teknologi, kita yang …

Download Alfiyah MP3

Di kalangan pondok pesantren, nama Ibnu Malik dan Kitab Alfiyah adalah dua entitas yang sudah tidak asing lagi, terlebih bagi pondok pesantren salaf yang setiap harinya bergumul dengan kitab kuning dan tata gramatika bahasa Arab (Nahwu & sharrof). Di pondok saya sendiri, Mambaul Ulum Bata-bata, Pamekasan, Madura, kitab Alfiyah Ibnu Malik menjadi Kitab standart acuan dalam pembelajaran Kaidah bahasa Arab, dan menjadi syarat pelulusan ke tingkat Aliyah B, yang orientasinya memang menitik beratkan pada kajian kitan klasik.

Pada malam-malam tertentu, para santri diwajibakan membaca nadham (bait-bait) Alfiyah dengan bersama-sama, dengan lagu dan irama yang bermacam-macam. diharapkan, dengan tradisi pembacaan Alfiyah secara rutin dan intens, santri mamapu menhafal dan memahami isi kandungan kitab Alfiyah ini dengan baik dan mudah.

Di era teknologi dan informasi yang serba canggih ini, kitab Alfiyah dan kitab-kitab kuning lainnya sudah tidak dipelajari secara manual dan klasikal, tetapi …